CSS 网页中正确设置字体的方法

• Z时代
• 2024-01-10
• 分类：IT

现在的 PC 网站中，大多数都是使用的微软雅黑字体，Windows 7 自带了微软雅黑字体，而一些浏览器一般默认也是使用的这种字体，所以即使你不设置默认字体，多数浏览器的用户体验也基本一致，但是总是有一些浏览器不走寻常路，所以为了统一视觉效果，我们还是要设置字体。

.selector{
    font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu
}

1. 加上中文名 微软雅黑 是为了兼容 Opera 浏览器。
2. Microsoft JhengHei 为微软正黑体，STHeiti 为华文黑体，MingLiu 记得 11px 下的中文有着不凡的效果。

在 CSS 中推荐使用中文字体的英文表示法，以下附常见中文字体的英文名：

Mac OS 系统

华文细黑：STHeiti Light [STXihei]

华文黑体：STHeiti

华文楷体：STKaiti

华文宋体：STSong

华文仿宋：STFangsong

儷黑 Pro：LiHei Pro Medium

儷宋 Pro：LiSong Pro Light

標楷體：BiauKai

蘋果儷中黑：Apple LiGothic Medium

蘋果儷細宋：Apple LiSung Light

Windows的一些：

新細明體：PMingLiU

細明體：MingLiU

標楷體：DFKai-SB

黑体：SimHei

宋体：SimSun

新宋体：NSimSun

仿宋：FangSong

楷体：KaiTi

仿宋_GB2312：FangSong_GB2312

楷体_GB2312：KaiTi_GB2312

微軟正黑體：Microsoft JhengHei

微软雅黑体：Microsoft YaHei

装 Office 会生出来

隶书：LiSu

幼圆：YouYuan

华文细黑：STXihei

华文楷体：STKaiti

华文宋体：STSong

华文中宋：STZhongsong

华文仿宋：STFangsong

方正舒体：FZShuTi

方正姚体：FZYaoti

华文彩云：STCaiyun

华文琥珀：STHupo

华文隶书：STLiti

华文行楷：STXingkai

华文新魏：STXinwei

注：如果字体的名称是一个单词的，不需要加引号，否则在 IE6、7 里面会失效，并且后面的样式也会不生效。

以上是 CSS 网页中正确设置字体的方法 的全部内容， 来源链接： utcz.com/p/231768.html