CSS字体属性(font-family、font-size、font-weight、font-style)

最新推荐文章于 2024-05-25 07:25:25 发布

我是Dreamer啊

最新推荐文章于 2024-05-25 07:25:25 发布

阅读量4.9k

点赞数 5

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

BY Dreamer同学

本文链接：https://blog.csdn.net/weixin_42579348/article/details/109185395

版权

57 篇文章 6 订阅

订阅专栏

CSS Fonts（字体）属性用于定义字体系列、大小、粗细和文字样式。

CSS使用font-family属性定义文本的字体系列。

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

各种字体间用英文英文状态下的逗号隔开。如果是用空格隔开的多个单词组成的字体，需要加引号。尽量使用系统自带的字体，保证在任何用户的浏览器中都能够正常显示。首先显示第一种字体，电脑没有第一种字体会显示第二种字体，以此类推，如果都没有则显示默认字体。

CSS使用font-weight属性设置文本字体的粗细。

p {
	font-weight:700;
}

数值之后没有单位！也可以用属性值表示：normal（默认值；400）bold（粗体；700）

CSS使用font-style属性设置文本的风格。

p {
	font-style:normal;
}

属性值	作用
normal	默认值，浏览器会显示标准的字体样式
italic	浏览器会显示斜体的字体样式

在实际应用中很少使用到斜体，反而要给斜体标签（em，i）改为不倾斜标签。

p{
	/* font:font-style font-weight font-size/line-height font-family; */
	font: italic 700 16px 'Microsoft yahei'
}

通过一行代码改变字体的样式，粗细，大小和系列；注意在使用的时候顺序不能颠倒，并且各个属性之间用空格隔开。

不需要设置的属性可以省略，但是必须保留font-size和font-family属性，否则font属性整体不起作用。

关注