资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

如何用CSSfont-family为英文和中文字体分别设置不同的字体-创新互联

这篇文章主要讲解了“如何用CSS font-family为英文和中文字体分别设置不同的字体”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何用CSS font-family为英文和中文字体分别设置不同的字体”吧!

成都创新互联公司主要从事网站设计、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务襄城,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

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属性中为英文和中文字体分别使用不同的字体。

感谢各位的阅读,以上就是“如何用CSS font-family为英文和中文字体分别设置不同的字体”的内容了,经过本文的学习后,相信大家对如何用CSS font-family为英文和中文字体分别设置不同的字体这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联网站建设公司,,小编将为大家推送更多相关知识点的文章,欢迎关注!


网站名称:如何用CSSfont-family为英文和中文字体分别设置不同的字体-创新互联
网页地址:http://www.cdkjz.cn/article/cooeso.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220