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
一系列等宽字体。写代码很好用。