[分享]css3怎么设置字体

在CSS3中，我们可以使用 fontfamily 属性来设置字体，你可以在 fontfamily 值中放置多个字体名称，这样当浏览器不支持其中一个字体的时候，就会自动地使用下一个字体。以下是设置字体的...

在CSS3中，我们可以使用 font-family 属性来设置字体，你可以在 font-family 值中放置多个字体名称，这样当浏览器不支持其中一个字体的时候，就会自动地使用下一个字体。以下是设置字体的代码示例：

 p {
        font-family: "Arial", "PingFangSC-Regular", sans-serif;
    } 

在上面的示例中，我们设置了3个字体，当浏览器没有安装第一个字体《Arial》时，就会尝试使用第二个字体《PingFangSC-Regular》；如果都不行，就会采用浏览器的默认字体系列。

除了设置字体系列，我们还可以使用 font-size 属性来设置字体大小，其可以像下面这样单独使用：

 p {
        font-size: 16px;
    } 

在上面的示例中，我们设置了字体大小为 16px 。除了像上面这样单独使用外，我们还可以结合 font-family 属性来实现更好的效果。

除此之外，我们还可以设置字体的样式和粗细，使用 font-style 和 font-weight 属性来实现。以下是一个完整的字体设置示例：

 p {
        font-family: "Arial", "PingFangSC-Regular", sans-serif;
        font-size: 16px;
        font-style: italic;
        font-weight: bold;
    } 

在上面的示例中，我们设置了字体系列、大小、样式和粗细，这个样式可以应用于所有的段落元素 p 。

在CSS中，字体的设置非常灵活，你可以根据自己的需求进行组合和调整，以达到最佳的视觉效果。