您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

时间:12-14来源:作者:点击数:

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

CSS 网页中正确设置字体的方法
.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 里面会失效,并且后面的样式也会不生效。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐