css中中文字体有哪些
时间: 2023-11-18 09:05:27 浏览: 151
在 CSS 中,常见的中文字体有以下几种:
1. 宋体:`SimSun, Song, STSong, serif`
2. 黑体:`SimHei, Hei, STHeiti, sans-serif`
3. 微软雅黑:`Microsoft YaHei, "微软雅黑", sans-serif`
4. 宋体-繁:`MingLiU, PMingLiU, serif`
5. 黑体-繁:`MingLiU_HKSCS, "黑体-繁", sans-serif`
6. 细明体:`MingLiU, PMingLiU, serif`
7. 标楷体:`DFKai-SB, KaiTi, "楷体", serif`
8. 新宋体:`NSimSun, SimSun, Song, STSong, serif`
这些字体名称是常见的,并且在大部分操作系统和浏览器中都能够找到。可以根据需要选择合适的字体,将其应用于相应的元素或选择器中。
注意:不同操作系统、浏览器和设备可能具有不同的字体集合,因此不能保证所有用户都能看到完全相同的字体效果。你可以使用CSS中的字体堆栈(font stack)来指定多个备选字体,以便在无法找到首选字体时可以使用替代字体。例如:
```css
body {
font-family: "Microsoft YaHei", SimHei, sans-serif;
}
```
在这个例子中,将首选字体设置为"Microsoft YaHei",如果用户的设备上没有该字体,将会使用备选字体SimHei,最后的备选字体设置为sans-serif。这样可以在一定程度上提高字体的兼容性。
相关问题
css中的汉字字体有哪些
在CSS中,可以使用以下一些常见的汉字字体来指定字体系列或字体名称:
1. 宋体(SimSun):宋体是最常用的中文字体之一,拥有清晰的笔画和良好的可读性。
2. 黑体(SimHei):黑体是一种无衬线字体,适合用于标题和大号文本。
3. 微软雅黑(Microsoft YaHei):微软雅黑是一种常见的中文字体,广泛用于屏幕显示和印刷品。
4. 宋体(Songti):Songti是一种符合GB 2312字符集的字体,常用于中文书籍和印刷材料中。
5. 华文宋体(STSong):华文宋体是一种仿宋风格的中文字体,适合用于文学作品和传统风格的设计。
这些只是一些常见的汉字字体,实际上还有更多字体可供选择。可以使用`font-family`属性来指定所需的字体系列或名称,例如:
```css
body {
font-family: SimSun, SimHei, "Microsoft YaHei", Songti, STSong, sans-serif;
}
```
上述代码将按照给定的顺序依次使用这些字体,直到找到可用的字体为止。如果没有可用的字体,将使用浏览器默认的无衬线字体(如sans-serif)。
css 好看的中文字体
在CSS中,常用的中文字体有宋体、黑体、微软雅黑、微软正黑体、新宋体、新细明体、细明体、标楷体、仿宋、楷体、仿宋_GB2312和楷体_GB2312等。其中,微软雅黑和微软正黑体是比较常用的中文字体,可以通过以下代码进行设置:
```css
body {
font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
```
此外,还可以通过引入外部字体文件的方式来使用更多的中文字体,例如Google Fonts提供了大量的免费字体供使用。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)