在CSS中设置字体可以通过多种方式来实现，下面我将详细介绍几种常用的方法：
1. 使用字体名称： 你可以直接在CSS中使用字体名称来设置字体。例如，如果你想使用“微软雅黑”字体，你可以这样写：
```css body { fontfamily: '微软雅黑', sansserif; } ```
这里的`sansserif`是一个通用字体族，如果系统找不到“微软雅黑”字体，它会使用其他无衬线字体。
2. 使用字体族： 你也可以使用字体族来设置字体。字体族是一组具有相似外观的字体。常见的字体族有`serif`（衬线字体）、`sansserif`（无衬线字体）、`monospace`（等宽字体）等。例如：
```css body { fontfamily: sansserif; } ```
3. 使用字体栈： 你可以使用字体栈来指定多个字体，如果浏览器找不到第一个字体，它会尝试使用第二个字体，依此类推。例如：
```css body { fontfamily: '微软雅黑', 'Arial', sansserif; } ```
这里，如果浏览器找不到“微软雅黑”字体，它会尝试使用“Aria”字体，如果还是找不到，它会使用其他无衬线字体。
4. 使用Web字体： 如果你想要使用一些特殊的字体，而这些字体不在用户的系统中，你可以使用Web字体。Web字体是存储在Web服务器上的字体文件，可以通过CSS引入到网页中。常用的Web字体服务有Google Fonts。例如：
```css @import url;
body { fontfamily: 'Open Sans', sansserif; } ```
这里，我们首先从Google Fonts导入“Open Sans”字体，然后将其设置为网页的字体。
5. 使用CSS变量： 你可以使用CSS变量来设置字体，这样可以更方便地在整个样式表中重用字体设置。例如：
```css :root { mainfont: '微软雅黑', sansserif; }
body { fontfamily: var; } ```
这里，我们定义了一个CSS变量`mainfont`，然后在`body`中通过`var`引用它。
6. 使用字体大小和样式： 除了字体族和名称外，你还可以设置字体的大小和样式。例如：
```css body { fontfamily: '微软雅黑', sansserif; fontsize: 16px; fontstyle: italic; fontweight: bold; } ```
这里，我们设置了字体大小为16像素，字体样式为斜体，字体粗细为加粗。
以上就是在CSS中设置字体的几种常用方法。根据你的具体需求，你可以选择合适的方法来设置字体。
CSS设置字体样式详解
在网页设计中，字体样式是影响用户体验的重要因素之一。通过CSS（层叠样式表）可以灵活地设置网页中文字的字体类型、大小、粗细、倾斜等样式。本文将详细介绍如何使用CSS设置字体样式，帮助您打造个性化的网页设计。
一、字体类型设置
字体类型是字体样式的核心，决定了文字的视觉风格。在CSS中，使用`font-family`属性来设置字体类型。
1.1 字体名称
字体名称可以是系统字体或自定义字体。系统字体如宋体、黑体、Arial、Verdana等，而自定义字体则需要通过`@font-face`规则引入。
1.1.1 系统字体
```css
body {
font-family: Arial, sans-serif;
上述代码将网页中所有文本的字体设置为Arial，如果用户的计算机上没有安装Arial字体，则会使用sans-serif字体作为备选。
1.1.2 自定义字体
```css
@font-face {
font-family: 'MyFont';
src: url('myfont.woff2') format('woff2'),
url('myfont.woff') format('woff');
body {
font-family: 'MyFont', sans-serif;
上述代码引入了一个名为MyFont的自定义字体，并将其应用于网页中的文本。
1.2 字体优先级
当使用多个字体名称时，浏览器会按照您提供的顺序尝试加载这些字体。如果用户的计算机上没有安装第一个指定的字体，浏览器会尝试加载第二个指定的字体，依此类推。
二、字体大小设置
字体大小决定了文字的显示尺寸。在CSS中，使用`font-size`属性来设置字体大小。
2.1 绝对单位
绝对单位包括像素（px）、点（pt）等，它们不受父元素字体大小的影响。
```css
body {
font-size: 16px;
上述代码将网页中所有文本的字体大小设置为16像素。
2.2 相对单位
相对单位包括em、rem、百分比等，它们相对于父元素或根元素的字体大小。
2.2.1 em单位
```css
font-size: 1.5em;
上述代码将段落文本的字体大小设置为父元素字体大小的1.5倍。
2.2.2 rem单位
```css
html {
font-size: 16px;
font-size: 1rem;
上述代码将段落文本的字体大小设置为根元素字体大小的1倍。
2.2.3 百分比单位
```css
font-size: 150%;
上述代码将段落文本的字体大小设置为父元素字体大小的150%。
三、字体粗细设置
字体粗细决定了文字的粗细程度。在CSS中，使用`font-weight`属性来设置字体粗细。
3.1 粗细级别
`font-weight`属性的值可以是数字（100-900）或关键字（如normal、bold、bolder、lighter等）。
```css
h1 {
font-weight: bold;
上述代码将标题文本的字体粗细设置为粗体。
3.2 默认粗细
如果没有指定`font-weight`属性，则默认为normal（正常粗细）。
四、字体倾斜设置
字体倾斜决定了文字的倾斜程度。在CSS中，使用`font-style`属性来设置字体倾斜。
4.1 倾斜类型
`font-style`属性的值可以是normal（正常）、italic（倾斜）或oblique（斜体）。
```css
font-style: italic;
上述代码将段落文本的字体倾斜设置为倾斜。
4.2 默认倾斜
如果没有指定`font-style`属性，则默认为normal（正常）。
