css样式怎么设置字体

在网页设计中，字体是一项非常重要的视觉元素。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中设置字体的基本方法。