
CSS设置多种中文字体,包括仿宋、宋体、黑体等。
5星
- 浏览量: 0
- 大小:None
- 文件类型:PDF
简介:
在CSS(层叠样式表)中指定中文字体是一项关键任务,在网页设计实践中,确保内容能够在不同操作系统和浏览器环境中呈现一致的视觉效果。本文将详细阐述如何利用CSS设置包括黑体、宋体、楷体等常见中文字体。让我们考察一个基础性的CSS字体设置案例:```css
.selector {
font-family: Microsoft YaHei, 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;
}
```在这个例子中,`.selector`是一种语法结构,在CSS中用于定义选中的网页元素及其样式特征。通过`font-family`属性可以指定多种字体及其优先级组合,以满足不同场景的显示需求。其中,“Microsoft YaHei”这一术语通常对应于微软雅黑字体在`font-family`属性中的实现方式,旨在确保与Opera浏览器的良好兼容。类似地,“MicrosoftJhengHei”则对应于微软正黑体字体,用于其他主流场景的显示需求。此外,“华文细黑”、“STHeiti”以及“MingLiu”等则是其他广泛使用的中文字体类型,每个都有其特定的显示场合。当浏览器无法找到前一个字体不可用或不符合预期时,则系统将尝试后面的选项。在CSS样式表中,建议采用字体名称的英文形式,并非仅限于专有名词。这种做法有助于确保不同平台与浏览器环境下的兼容性表现。以下是常用中文字体名称及其对应的英文表示:
**Mac OS字体设置选项及ST代码对应关系如下:**
- **细黑体(STHeiti Light)[STXihei]**
- **黑体(STHeiti)**
- **楷体(STKaiti)**
- **宋体(STSong)**
- **仿宋(STFangsong)**
- **中黑Pro字体:LiHei Pro Medium**
- **细宋Pro字体:LiSong Pro Light**
- **标准楷体:BiauKai**
- **苹果中黑体:Apple LiGothic Medium【注
**Windows**字体家族包含以下成员:
- **新细明体字库**:PMingLiU
- **细明体字库**:MingLiU
- **标准楷体字库**:DFKai-SB
- **宋体字库**:SimHei
- **正仿宋字体**:SimSun
- **新宋体字库**:NSimSun
- **方正字体系列**:FangSong
- **楷书字法字体**:KaiTi
- ** FangSong_GB2312 字库**:FangSong_GB2312
- ** KaiTi_GB2312 字库**:KaiTi_GB2312
- ** 微软标准黑体字库**:Microsoft JhengHei
- ** 微软雅黑字体字库**:Microsoft YaHei
另外还有一些,主要是由于安装Office软件而造成的一些字体类型。
隶书:小篆 - 幼圆:幼圆体 - 华文细黑:细黑体 - 正书体:楷体 - 宋词行:宋体 - 中宋:中宋体 - 方仿宋:方仿宋 - 行草书体:行草体 - 行书体:姚体 - 华彩云:彩云款 - 珠墨绿:琥珀款
需要注意的是:当字体名称为单一词时,如Arial,则无需使用引号;而若字体名称由多词构成,例如Microsoft YaHei,则必须采用引号以确保在IE 6或7中正确显示内容。为了使网页在各种设备和环境中能够稳定呈现中文字体并为用户提供一致的阅读体验,我们需要正确配置CSS `font-family`属性,并准备适当的备用方案。在实际应用中,设计与开发人员应当根据项目的具体需求以及目标用户的性质来选择并组合这些字体,以确保网页设计既美观又实用。
全部评论 (0)


