分享

font-family字体样式

 以怪力乱神 2018-10-03
要注意font属性各个值是有顺序的

当然本文主要介绍font-family的样式

1、首先介绍一下如何利用font-family为英文和中文字体分别设置不同的字体


根据font-family的原则,假如客户终端不认识前面的字体,就自动切换到第二种字体,第二种不认识就切换到第三种,以此类推。假如都不能识别就调用默认字体,那么 

根据font-family的字体调用原则我们可以为英文,中文,等两种字体调用不同的字体来渲染。 

如:

div {                                                                                             
        font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; 
}  
                                                                                                

Arial,’Times New Roman’这两种字体不认识中文,只认识英文,所以,这两种字体只能渲染英文数字和一些特殊符号,而页面中的中文就会自动调用第三种字体Microsoft YaHei(PS:假如存在这种字体的话)。 

所以,在定义字体的时候把英文的字体写在前面把中文的写在后面。这样,系统就会自动按顺序依次给字用字体,如果当前字体不支持文本,自动换用列表中的下一个字体 

经过测试,IE9、IE9兼容模式(兼容IE8)、Chrome浏览器最新版本、 Firefox浏览器最新版本支持该font-family属性; 但是某些版本的IE浏览器(IE7、IE8)无法实现该font-family属性的要求,还会暴露出一些奇怪的 bug。如在这些版本的浏览器下使用中文字体(比如微软雅黑),需要把该中文字体放到font-family属性的首位,但是会导致英文字体也会使用该中文字体渲染。即在这些浏览器(IE7、IE8)下不支持在font-family属性中为英文和中文字体分别使用不同的字体。



2、那接下来就展示一下各个font-family字体的样式
 
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多