CSS - Web 安全字体参考



字体组合

CSS3 采用了字体组合技术。在这里,如果浏览器不支持第一种字体,那么它会尝试下一种字体。

衬线字体

字体家族 正常 粗体
Georgia, serif

This is normal text.

This is normal text.

"Times New Roman", Times, serif

This is normal text.

This is normal text.

"Palatino Linotype", Palatino, "Book Antiqua", serif

This is normal text.

This is normal text.

Sans-Serif 字体

字体家族 正常 粗体
Arial, Helvetica, sans-serif

This is normal text.

This is normal text.

"Arial Black", Gadget, sans-serif

This is normal text.

This is normal text.

Impact, Charcoal, sans-serif

This is normal text.

This is normal text.

Impact, Charcoal, sans-serif

This is normal text.

This is normal text.

Tahoma, Geneva, sans-serif

This is normal text.

This is normal text.

"Trebuchet MS", Helvetica, sans-serif

This is normal text.

This is normal text.

Verdana, Geneva, sans-serif

This is normal text.

This is normal text.

等宽字体

字体家族 正常 粗体
Courier, monospace

This is normal text.

This is normal text.

"Courier New", Courier, monospace

This is normal text.

This is normal text.

"Lucida Console", Monaco, monospace

This is normal text.

This is normal text.

草书字体

字体家族 正常 粗体
"Comic Sans MS", cursive

This is normal text.

This is normal text.

"Courier New", Courier, monospace

This is normal text.

This is normal text.

"Lucida Console", Monaco, monospace

This is normal text.

This is normal text.