CSS文字字体设置
时间: 2023-07-04 13:22:58 浏览: 157
CSS font-family为英文和中文字体分别设置不同的字体
5星 · 资源好评率100%
在CSS中设置字体有以下几种方式:
1. 使用通用字体族名,如serif、sans-serif、monospace等。例如:
```
font-family: serif;
```
2. 使用特定字体的名称,多个字体名称之间用逗号隔开。例如:
```
font-family: "Times New Roman", Times, serif;
```
3. 使用web字体,通过@font-face引入自定义字体。例如:
```
@font-face {
font-family: "MyFont";
src: url("myfont.woff") format("woff");
}
body {
font-family: "MyFont", Arial, sans-serif;
}
```
其中,MyFont是自定义字体的名称,myfont.woff是字体文件的路径。
4. 使用Google Fonts等在线字体库提供的字体。例如:
```
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
body {
font-family: 'Open Sans', sans-serif;
}
```
其中,Open Sans是在线字体库提供的字体名称。
阅读全文