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。
css最新如在这些版本号的浏览器下使⽤中⽂字体(⽐⽅微软雅⿊),须要把该中⽂字体放到font-family属性的⾸位,可是会导致英⽂字体也会使⽤该中⽂字体渲染。即在这些浏览器(IE7、IE8)下不⽀持在font-family属性中为英⽂和中⽂字体分别使⽤不同的字体。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论