第一部分:
根据font-family的原则,假如客户终端不认识前面的字体,就自动切换到第二种字体,第二种不认识就切换到第三种,以此类推.假如都不能识别就调用默认字体
根据font-family的字体调用原则我们可以为英文,中文,等两种字体调用不同的字体来渲染.
如:Arial,’Times New Roman’这两种字体不认识中文,只认识英文,所以,这两种字体只能渲染英文数字和一些特殊符号,而页面中的中文就会自动调用第三种字体Microsoft YaHei(PS:假如存在这种字体的话).
所以,在定义字体的时候把英文的字体写在前面把中文的写在后面.这样,系统就会自动按顺序依次给字用字体,如果当前字体不支持文本,自动换用列表中的下一个字体
第二部分:
例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;
例3(加网 ):font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;
例4(淘宝UED):font: 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
例5(一淘UX):font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
font: 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
第三部分:
HTML,CSS,font-family:中文字体的英文名称
宋体 SimSun
黑体 SimHei
微软雅黑 Microsoft YaHei
微软正黑体 Microsoft JhengHei
新宋体 NSimSun
新细明体 PMingLiU
细明体 MingLiU
标楷体 DFKai-SB
仿宋 FangSong
楷体 KaiTi
仿宋_GB2312 FangSong_GB2312
楷体_GB2312 KaiTi_GB2312
第四部分:
一些常用的font-family包括:
font-family: "微软雅黑","华文细黑",Arial, Helvetica, sans-serif;
font-family:"宋体", "Times New Roman", Times, serif;
font-family:"华文细黑",Courier New, Courier, monospace;
font-family: "华文仿宋",Georgia, "Times New Roman", Times, serif;
font-family:"黑体", Verdana, Arial, Helvetica, sans-serif;
font-family:"方正姚体", Geneva, Arial, Helvetica, sans-serif;
微软雅黑是windows vista的默认字体,对windows xp用户来说,把它放在“华文细黑”或者“宋体”之前是不错的主意,可以让windows xp用户也体验到微软雅兴黑字体的漂亮,前提是客户端也安装了雅黑字体。
第五部分:
部分字体截图如下: