CSS设置字体大小、字体粗细、字体风格

苦海123

已于 2023-11-11 09:17:02 修改

阅读量2.8w

点赞数 21

分类专栏： css 文章标签： css 前端

于 2021-04-15 15:52:53 首次发布

本文链接：https://blog.csdn.net/weixin_46758988/article/details/115728261

版权

css 专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了CSS中用于设置字体样式的属性，包括`font-size`、`font-family`、`font-weight`和`font-style`。讲解了如何设置字体大小、选择字体、调整字体粗细和设置字体风格。此外，还提到了`font`属性的综合运用及其顺序规则。推荐使用相对单位和像素作为字体大小单位，并建议使用系统默认字体以确保跨设备兼容性。

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

font-size:设置字体大小:

该属性值的单位可以使用相对单位和绝对单位，推荐使用px。(浏览器能够识别的最小像素是12px)

	p{
      font-size:20px;
    }

常见尺寸单位：
在这里插入图片描述

font-family:设置字体:

如果需要设置多个字体样式，则属性值可以写多个中间用逗号隔开即可，需要知道的是浏览器会从第一个字体属性值找，直到找到自己设备有的字体显示，自己设备没有的字体，按设备默认字体显示,推荐系统默认字体。

	p{
      font-family:"微软雅黑",Arial;
    }

在这里插入图片描述

font-weight:设置字体粗细:

其属性值有：normal正常不加粗、bold加粗、bolder更粗、lighter更细、number（整百的数字）、inherit继承父级元素字体粗细

	p{
      font-weight:700;
    }

font-style:设置字体风格:

如设置斜体、倾斜或正常字体，其属性值：normal默认值，标准字体、italic斜体、oblique倾斜

font:综合设置字体样式（字体样式连写）:

字体样式连写是有顺序的，必须是严格遵循顺序，其中不需要设置的属性可以省略，font-size和font-family属性值必须写，否则字体连写失效。

	p{
      /*font:font-style font-weight font-size/line-height font-family;*/
      font:italic bolder 20px/10px Arial;
    }

提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者删除。
笔者：苦海