你必须要知道的俩个CSS字体属性

程序员文章站 2022-03-08 10:24:33

...

这次给大家带来你必须要知道的俩个CSS字体属性，使用CSS字体属性的注意事项有哪些，下面就是实战案例，一起来看一下。

如何给英文和中文设置不同的字体?

但凡是中文字体,里面都包含了英文,
但凡是英文字体,里面都没有包含中文,
也就是说中文字体可以处理英文,而英文字体不能处理中文.

注意:如果想给界面中的英文单独设置字体,那么英文的字体必须写在中文的前面

补充在企业开发中最常见的字体有以下几个

中文: 宋体/黑体/微软雅黑
英文: "Times New Roman"/Arial

还需要知道一点, 就是并不是名称是英文就一定是英文字体

因为中文字体其实都有自己的英文名称, 所以是不是中文字体主要看能不能处理中文
宋体 SimSun
黑体 SimHei
微软雅黑 Microsoft YaHei

font-family:"Times New Roman","微软雅黑";
// Times New Roman:为英文字体  备选方案:"微软雅黑"为中文字体
//由于"Times New Roman"字体不能处理中文字体,故调用备选方案"微软雅黑"去处理中文

文字属性的缩写

缩写格式:
font: style weight size family;
例如:
font:italic bold 10px "楷体";

注意点:

1.在这种缩写格式中有的属性值可以省略
sytle可以省略
weight可以省略

2.在这种缩写格式中style和weight的位置可以交换

3.在这种缩写格式中有的属性值是不可以省略的
size不能省略
family不能省略

4.size和family的位置是不能顺便乱放的
size一定要写在family的前面, 而且size和family必须写在所有属性的最后

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！

分享CSS3中必须要知道的10个*命令