在网页设计中，字体是一项非常重要的视觉元素。CSS（层叠样式表）是一种用于设置网页样式的语言，可以通过CSS对字体进行各种设置。
一、设置字体的基本语法
设置字体的基本语法为：font-family: 字体名称，比如：
pre {
font-family: "Courier New", Courier, monospace;
}
上面的代码表示将pre标签内的字体设置为“Courier New”字体，如果该字体不存在，则使用默认的“Courier”字体，如果该字体还是不存在，则使用默认的等宽字体。
二、设置字体大小
除了设置字体名称外，CSS还可以设置字体大小。字体大小可以使用像素、百分比或em作为单位进行设置，例如：
p {
font-size: 16px;
font-size: 1em;
font-size: 100%;
}
上面的代码表示将p标签内的字体大小设置为16像素、1em或者100%。其中，1em等于父元素字体大小的倍数。
三、设置字体样式
除了设置字体名称和大小外，CSS还可以设置字体的样式，比如加粗、斜体等。设置字体样式的代码如下：
p {
font-style: italic;
font-weight: bold;
}
上面的代码表示将p标签内的字体设置为斜体，同时加粗。
四、设置字体颜色
最后，CSS还可以设置字体颜色。字体颜色可以使用十六进制、RGB、RGBA、HSL或HSLA作为颜色单位进行设置，例如：
p {
color: #333;
color: rgb(51, 51, 51);
color: rgba(51, 51, 51, 0.5);
color: hsl(0, 0%, 20%);
color: hsla(0, 0%, 20%, 0.5);
}
上面的代码表示将p标签内的字体颜色设置为深灰色，透明度为0.5。
总的来说，通过CSS设置字体可以让网页更具吸引力和可读性。以上就是CSS中设置字体的基本方法。
本文链接：https://my.lmcjl.com/post/10915.html
4 评论