您的位置：首页 > Web前端 > CSS

CSS属性：font-family

2017-05-03 00:00 609 查看

CSS font-family示例：

源码如下：

<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#p1{
font-family: Arial,宋体;
}
#p2{
font-family: Serif;
}
#p3{
font-family: Sans-serif;
}
#p4{
font-family: Monospace;
}
#p5{
font-family: Cursive;
}
#p6{
font-family: Fantasy;
}
</style>
<title>font-family属性</title>
</head>
<body>
CSS 特定字体
CSS Serif 字体
CSS Sans-serif 字体
CSS Monospace 字体
CSS Cursive 字体
CSS Fantasy 字体
</body>
</html>

属性说明：

在 CSS 中，存在两种类型的字体系列名称：

通用字体 - 具有相似外观的字体系统组合（例如 "Serif" ， "Monospace"等）

特定字体 - 具体的字体系列（比如 "Times" ， "Courier"等）

CSS使用指定特定的字体系列取决于用户浏览器是是否可用；如不支持某个特定字体，也不会下载，因此一般使用推荐一个通用字体系列名作为字体。

CSS定义了 5 种通用字体系列：

Serif 字体

Sans-serif 字体

Monospace 字体

Cursive 字体

Fantasy 字体

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css font-family font 字体类型

相关文章推荐

新的分享

章节导航