css常用中文字体英文对照表

在网页设计和开发过程中,字体的选择很重要,可以影响网站的整体效果用户体验。在CSS中,常用的中文字体有很多种,以下是一份中文字体英文对照表。

字体名称                 | 英文名称
------------------------|-------------------------------
宋体                     | Simsun
黑体                     | SimHei
微软雅黑                 | Microsoft YaHei
微软正黑体               | Microsoft JhengHei
华文细黑                 | STXihei
华文黑体                 | STHeiti
华文楷体                 | STKaiti
华文宋体                 | STSong
华文仿宋                 | STFangsong
仿宋                     | FangSong
楷体                     | KaiTi
隶书                     | LiSu
幼圆                     | YouYuan
华文彩云                 | STCaiyun
华文琥珀                 | STHupo
华文隶书                 | STLiti
华文行楷                 | STXingkai
华文新魏                 | STXinwei
华文中宋                 | STZhongsong

css常用中文字体英文对照表

以上是部分常用的中文字体,可以在CSS中通过font-family属性对字体进行设置。例如:

p {
    font-family: "Microsoft YaHei",Arial,sans-serif;
}

这段代码的意思是,首先选择 "Microsoft YaHei" 这个字体,如果设备上没有安装这个字体,则选择 Arial,如果还没有就选择认的 sans-serif 字体。这样,用户在没有安装指定字体的情况下,也能够看到和设计师预期的一样的效果

总之,灵活选择合适的字体,可以帮助网页设计更加优美,提高用户的阅读和使用体验。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效