设置font-family时需要注意的问题

最新推荐文章于 2020-03-04 13:15:30 发布

原创最新推荐文章于 2020-03-04 13:15:30 发布 · 8.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#font-family

css 专栏收录该内容

39 篇文章

订阅专栏

本文详细介绍了如何使用CSS的font-family属性来设置网页字体，包括如何指定多个备选字体，使用中英文字体的注意事项，以及一些实用的技巧，如推荐字号大小和避免老式浏览器的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为宋体，可以使用如下CSS样式代码：

    <style>
        p {
            font-family: "微雅软黑";
        }
        div {
            font-family: "宋体";
        }
    </style>
    
<body>
    <p>会可适当放宽呼呼的首付款</p>
    <div>对抗肌肤的航空知识</div>
</body>

页面效果：
在这里插入图片描述
可以同时指定多个字体，中间以英文逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。

常用技巧：
1. 现在网页中普遍使用14px+。
2. 尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。
3. 各种字体之间必须使用英文状态下的逗号隔开。
4. 中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。
5. 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family: "Times New Roman";。
6. 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。