CSS中font-family属性值中文和英文的问题

近日,公司要求更改系统使用字体,我想,这还不简单吗,ctrl+H(全局搜索)font-family属性,看哪些是不符合要求的字体,但是在这过程中发现其属性值是英文和中文多种情况,这不禁产生疑惑,这中英文具体的区别是啥(虽然有所了解,但是不够彻底)?

于是带着疑问查阅了相关资料及度娘了一会,发现如下:

1、中文属性值需要单引号或双引号(注意是英文输入法下的)括起来,如:font-family:"微软雅黑";

2、英文单个单词不需要处理,直接写,如:font-family:Arial;

3、如果字体名中包含 空格、#、$、-等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: "Times New Roman";

4、如果中文或英文存在多个,需要用英文状态下逗号隔开,中英混合模式英文放在前,中文放在后,如:font-family:Arial,"微软雅黑";(多个字体的选择是从左到右,找到可使用的字体就ok了)

注意:

在使用字体时,尽量使用英文属性值,避免使用中文(虽说中文无大碍,但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误,xp 系统不支持 类似微软雅黑的中文等情况)

(1)中文也有相应的英文属性值,如:宋体为SimSun;

(2)使用Unicode 编码,如:font-family: "\5FAE\8F6F\96C5\9ED1"(微软雅黑);

总结:虽然中英文的使用在我们实际使用中并无太大的区别,但是一个良好的习惯能帮助你更多!共勉!

发布了4 篇原创文章 · 获赞 6 · 访问量 1595

猜你喜欢

转载自blog.csdn.net/qq_37313500/article/details/93752476