本文目录一览：
- 1、font-weight是字体粗细的意思吗？
- 2、font-weight:bold 是什么意思
- 3、css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了。这是怎么回事
- 4、通过设置fontweight的值为什么定义粗体字符
- 5、浅谈下页面中字体设置(font-family)和粗细(font-weight)问题
font-weight是字体粗细的意思吗？
font-weight是字体粗细的意思。normal就是你选择的文字本身的默认样式，bold是粗体，就是将原来的字体加粗。bolder是加粗，比粗体更上一级。lighter我没有用过，应该就是比normal细一些吧。可以看看参考资料
font-weight:bold 是什么意思
font-weight:
bolder也可以简单地理解为字体加粗的意思，详细参照下面的内容。
font-weight的属性值有3种指定方法：
第1种是关键字法，关键字包括“normal”和“bold”两个；
第2种是相对粗细值法，相对粗细也是由关键字定义，但是它的粗细是相对于上级元素的继承值而言的，包括“bolder”和“lighter”两个；
第3种为数字法，包括从“100”到“900”的9个数字序列（注意，只能是100、200之类的整百数）。这些数字序列代表从最细（100）到最粗（900）的字体粗细程度。每一个数字定义的粗细都要比上一个等级稍微粗一些。-fontweight
css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了。这是怎么回事
css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了是设置错误造成的，解决方法为：
1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签创建一行文字，用于测试。
3、在test.html文件内，给div标签添加一个class属性，属性值为title。
4、在test.html文件内，编写style type="text/css"/style标签，页面的css样式将写在该标签内。
5、在css标签内，通过class设置div的样式，定义其font-weight属性为bolder，即可实现加粗，同时，使用font-size属性设置文字的大小为20px。
通过设置fontweight的值为什么定义粗体字符
font-weight命令就是用来定义字符粗细的。在css文件中，字体加粗属性为“font-weight”，可设置文本的粗细，支持多种属性值。当属性值设置为“bold”时可定义粗体字符，设置为“bolder”时可定义更粗的字符。-fontweight
浅谈下页面中字体设置(font-family)和粗细(font-weight)问题
记得以前某某某天上午被设计师“调戏”了，记忆犹新啊，就是因为一个项目（PC和移动）中的字体问题，纠结了一上午，设计师非要字体效果跟设计稿上保持一致。那时那刻，我已无语，但是话说回来，大家都是为了项目的质量，所以得放平心态，反思，于是“诞生了”今天下午要分享的话题：CSS中的字体设置。-fontweight
谈到“CSS中的字体”，老生常谈的话题了，做过设计和前端的童鞋都会略知一些其中的“奥妙”。在平时工作中，完成一个项目，从设计稿到页面最终的输出效果，就字体方面来说，细心的童鞋会发现有很多方面细活要去做的，当然了，这是建立在项目本身要求非常高的情况下。今天下午从两方面来讨论：设置(font-family)和粗细(font-weight)。-fontweight
在写全局样式时，我们都会去设置一个默认的字体，举个例子：
上面的设置，页面上首选字体是平方字体，如电脑上没平方字体，就是显示微软雅黑，依次类推...
在设置一些中文字体的时候，有些童鞋（以前的我）喜欢直接用中文，其实不太好哟，还是回归到统一的英文，在这里分享一些常用中文转英文的字体：
大家可以收藏起来，便于查阅。
据我了解，不管是PC还是移动端，现在的设计师默认字体，中文的一般都习惯于“微软雅黑”、“微软正黑体”，“平方字体”；英文的选择比较多，常用的有arial等。由于PC设备不足，目前只有WINDOWS，效果跟设计稿出入不大。但是在移动端有时候就会纠结了，其原因就是我们不了解移动端不同设备自带的默认字体。当你跟设计师纠结此事时，作为前端攻城师，需要拿些证据去跟他们去理论。如下：-fontweight
默认中文字体是Heiti SC
默认英文字体是Helvetica
默认数字字体是HelveticaNeue
无微软雅黑字体
默认中文字体是Droidsansfallback
默认英文和数字字体是Droid Sans
无微软雅黑字体
默认中文字体是Dengxian(方正等线体)
默认英文和数字字体是Segoe
无微软雅黑字体
可以发现无论是ios、android还是wp系统中都是没有微软雅黑字体的，随后做了一个小测试，就是将微软雅黑字体的效果和各个系统默认字体的效果做了一下对比，发现无论页面中使用哪种字体，肉眼很难看出它们的差异，对产品的体验几乎没有影响。-fontweight
各个手机系统有自己的默认字体，且都不支持微软雅黑。
如无特殊需求，手机端无需定义中文字体，使用系统默认。
英文字体和数字字体可使用 Helvetica ，三种系统都支持。
OK，证据确凿。如果设计师需要用到一些特殊的英文字体，比如漂亮的din1451a，akzidenzgrotesk-cond等，我们需要转换下，然后用@font-face引用下即可，这个方法不多说，so easy-fontweight
关于字体设置(font-family)的问题，就聊这么多吧。下一个问题：CSS字体粗细(font-weight)。
首先我们了解下font-weight的基本属性值，如下表格：
400等同于normal，而700等同于bold。
inherit规定应该从父元素继承字体的粗细。
不过感觉效果不明显。只能换个字体试试。不过比较常见的中文字体里，感觉黑体比较粗些吧。我们看个简单的例子，WINDOWS系统PC端效果：
可以根据值的设置，可以轻松搞定字体的粗细。细心的童鞋发现，如果设置font-weight:901会怎样，设置font-weight:99又会是啥效果，哈哈 _ ，我不说，您可以去尝试。公司穷，不给配置高大上的设备，至于其他系统下的PC加粗效果，大家可以去测试下，我要说的重点是在移动端。-fontweight
如果你对安卓和IOS前期的版本有了解的话，发现它们对于字体加粗属性很乱，支持性不太好，无论你怎么设置都无效，说白了就是系统BUG，这里就不讨论那些老掉牙的问题了，我们是要先前看， _ 。
CSS字体设置(font-family)和粗细(font-weight)在不同设备和系统下的差别，会给前端工程师在开发项目时带来一些不便，尤其是在移动端，比如我想用一个特殊字符：五角星，箭头，圆点，箭头等等，用字体直接去设置效果，最终出来的效果出来不尽人意，这个大家可以去测试下便知，代替方法就是用CSS3、图和base64等。-fontweight
OK，大概就这么多，希望能帮助到大家吧。
