CSSfont-family为英⽂和中⽂字体分别设置不同的字体font-family的调⽤⽅法:
复制代码css最新
代码如下:
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属性中为英⽂和中⽂字体分别使⽤不同的字体。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论