web中font的用法

在Web中，字体的使用是通过CSS（级联样式表）来实现的。

CSS提供了多种属性来控制字体的各个方面，包括字体系列、大小、粗细和文字样式（如斜体）。

以下是一些常用的CSS 字体属性及其用法：
字体系列（font-family）：此属性用于定义文本的字体系列。

如果字体名称由多个单词组成，则需要用引号将其括起来。

例如：
css
p {
font-family: "Times New Roman", Times, serif;
}
在这个例子中，浏览器会首先尝试使用"Times New Roman"字体。

如果该字体不可用，则会尝试使用Times字体。

如果Times也不可用，则会使用默认的serif字体。

2. 字体大小（font-size）：此属性用于定义字体大小。

可以使用多种单位来指定字体大小，包括像素（px）、点（pt）、em（相对于当前元素的字体大小）和百分比（相对于父元素的字体大小）。

例如：
css
p {
font-size: 16px;
}
这个例子将段落文本的字体大小设置为16像素。

3. 字体粗细（font-weight）：此属性用于设置文本字体的粗细。

可以使用关键字（如normal 或bold）或数字值（100到900）来指定字体粗细。

例如：
css
p {
font-weight: bold;
}
这个例子将段落文本的字体粗细设置为粗体。

4. 字体样式（font-style）：此属性用于设置文本字体的样式，如斜体。

可以使用关键字normal 或italic来指定字体样式。

例如：
css
p {
font-style: italic;
}
这个例子将段落文本的字体样式设置为斜体。

5. 自定义字体：除了使用系统默认字体外，还可以使用自定义字体。

首先，需要将自定义字体文件上传到服务器，并在CSS文件中使用@font-face规则来定义字体的名称、路径和格式。

然后，可以在font-family属性中使用自定义字体的名称。

例如：
css
@font-face {
font-family: 'MyCustomFont';
src: url('fonts/MyCustomFont.woff2') format('woff2'),
url('fonts/MyCustomFont.woff') format('woff');
}
p {
font-family: 'MyCustomFont', sans-serif;
}
这个例子将段落文本的字体设置为名为"MyCustomFont"的自定义字体。

如果自定义字体不可用，则会使用默认的sans-serif字体。