美文网首页
font-family命令

font-family命令

作者: 多年0以后 | 来源:发表于2019-10-25 10:52 被阅读0次

    浏览器中展示网页文字内容时,文字字体都会按照设计师在css中定义的字体族的顺序来进行显示。什么是字体族?字体族就是你在css代码中看到“font-family”的代码内的一类字体名称,例如下面这行代码:

    
    font-family: Georgia, "Times New Roman", 
                 "Microsoft YaHei", "微软雅黑", 
                 STXihei, "华文细黑", 
                 serif;
     
    

    CSS的font-family命令,指定了网页元素所使用的字体。它的规则有三条。

    (1)优先使用排在前面的字体。

    (2)如果找不到该种字体,或者该种字体不包括所要渲染的文字,则使用下一种字体。

    (3)如果所列出的字体,都无法满足需要,则让操作系统自行决定使用哪种字体。

    根据这些规则,font-family应该优先指定英文字体,然后再指定中文字体。否则,中文字体所包含的英文字母,会取代英文字体,这往往很丑陋。

    [图片上传失败...(image-254f5b-1571971948613)]

    上面图片中,红框内的英文字母,左边采用英文字体渲染,右边采用中文字体渲染,哪一种效果比较好,一目了然。

    为了保证兼容性,中文字体的中文名称和英文名称,应该都写入font-family。比如,”微软雅黑”的英文名称是Microsoft YaHei。

    此外,中文字体的中文名称,以及由多个单词组成的英文名称,应该放在双引号内。

    相关文章

      网友评论

          本文标题:font-family命令

          本文链接:https://www.haomeiwen.com/subject/facsvctx.html