font-family:Arial, Helvetica, sans-serif,"宋体";css

html-css023

font-family:Arial, Helvetica, sans-serif,"宋体";css,第1张

font-family 是规定一个字体列表,从左至右顺序从系统中检索,如果检索到了则使用,否则继续检索下一个,直到全部检索不到才使用系统默认字体(Windows中文版下就是宋体)。

其中 Arial 和 Helvetica 都是西文字体,里面是不包含中文字符的,如果是渲染中文字符时,即使系统中包含这两种字体,也会去按照靠后的宋体来渲染。

而 sans-serif/serif 表示无衬线/有衬线字体。它们表示的并非具体某一个字体,而是一类字体。Arial 和 Helvetica 都是无衬线字体,而宋体则是有衬线的。两者的区别题主可以另行搜索。

font-family: Arial, Helvetica, sans-serif, "宋体"

翻译过来就是,假设有一段文字,每个字符按照 Arial、Helvetica、无衬线字体、宋体的顺序来渲染。

原则很简单。尽可能使用所有操作系统都存在的字体。虽然听起来比较简单,但是其实还是很tricky的一件事情。为此,你首先需要了解常用的操作系统的字体。

总结几套实用而简单的font-family

font-family:

tahoma,

helvetica,

arial,

sans-serif

tahoma

系的中性字体。推荐使用在13px以上的环境。

font-family:

trebuchet

ms,

verdana,

helvetica,

arial,

sans-serif

verdana

系的宽扁字体。推荐在11px以下环境使用。

font-family:

geogia,

times

new

roman,

times,

serif

衬线字体的不二之选。

font-family:

lucida

console,

monaco,

courier

new,

mono,

monospace

一系列等宽字体。写代码很好用。