字体，我们经常见到，在word的使用中，我们往往会使用不同的字体，什么宋体、微软雅黑等。在CSS中，使用font-family属性来定义字体类型。
语法及说明
font-family：字体1,字体2,字体3;
font-family 可以把多个字体名称作为一个"回退"系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。
有两种类型的字体系列名称：
- family-name - 指定的系列名称：具体字体的名称，比如："times"、"courier"、"arial"。
- generic-family - 通常字体系列名称：比如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace。
使用某种特定的字体系列（Geneva）完全取决于用户机器上该字体系列是否可用；这个属性没有指示任何字体下载。因此，强烈推荐使用一个通用字体系列名作为后路。
注意： 每个值用逗号分开。
注意: 如果字体名称包含空格，它必须加上引号。在HTML中使用"style"属性时，必须使用单引号。
实例
<!DOCTYPE html>
<html ns=\"http://www.w3.org/1999/xhtml\">
<head>
< >font-family属性</ >
<style type=\"text/css\">
p{font-family:微软雅黑,Arial,Times New Roman;}
</style>
</head>
<body>
<p>码农教程，免费IT编程学习平台。</p>
</body>
</html>
解析：对于“p{font-family:微软雅黑,宋体,Times New Roman;}”这句代码，初学者可能会觉得很疑惑。为什么要为元素同时定义多个字体呢？
其实原因是这样的：每个人的电脑装的字体都不一样，我们定义“p{font-family:微软雅黑,Arial,Times New Roman;}”这句的意思是，p元素优先用“微软雅黑”字体来显示，如果你的电脑没有装“微软雅黑”这个字体，那接着就用“Arial”字体来显示，如果也没有装“Arial”字体，接着就用“Times New Roman”字体来显示，以此类推。
否则，如果你只定义“p{font-family:微软雅黑;}”的话，如果你的电脑没有装“微软雅黑”字体，p元素就直接用浏览器默认的“宋体”字体来显示了，达不到你预期的效果。
默认情况下，浏览器的字体是宋体。中文字体常用的有宋体、微软雅黑，英文字体比较常用的是Times New Roman、Arial。
相关文章
CSS 教程: CSS Font
CSS 参考手册: font 属性
CSS 参考手册: CSS font-family
继续阅读与本文标签相同的文章
-
辉煌的背后，华为何时补齐短板？任正非给出新目标
2026-05-14栏目： 教程
-
全球首条“5G自动微公交”示范线路乌镇开通
2026-05-14栏目： 教程
-
未来十年，最为吃香的4个大学专业，毕业后就是香饽饽！
2026-05-14栏目： 教程
-
还不会制作填充地图，试试这种方法，2分钟搞定，让你秒变大神
2026-05-14栏目： 教程
-
顺丰自研机器人惊艳亮相，化身“快递小哥”亮绝活，盯上万亿市场
2026-05-14栏目： 教程