zoukankan      html  css  js  c++  java
  • CSS为英文和中文字体分别设置不同的字体

    font-family的调用方法:

    div {
        font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;   
        font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei;  
    }

    依据font-family的原则,假如客户终端不认识前面的字体,就自己主动切换到另外一种字体,另外一种不认识就切换到第三种,以此类推.假如都不能识别就调用默认字体

    依据font-family的字体调用原则我们能够为英文,中文,等两种字体调用不同的字体来渲染.

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

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

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

    即在这些浏览器(IE7、IE8)下不支持在font-family属性中为英文和中文字体分别使用不同的字体。

  • 相关阅读:
    DoNet:浅淡对delegate的理解
    纹理学习总结
    Vue引发的getter和setter
    JS——判断一个对象是否为空
    使用vue-axios请求geoJson数据报错的问题
    在vue-cli项目中使用echarts
    Vue中的$set的使用
    史上最全的开发和设计资源大全(转--------来源:伯乐在线)
    IOS safari浏览器登陆时Cookie无法保存的问题
    JS中const、var 和let的区别
  • 原文地址:https://www.cnblogs.com/mqxnongmin/p/10566405.html
Copyright © 2011-2022 走看看