font-family：常用中文字体的英文名称（宋体微软雅黑）

红太狼 2022-12-27 01:24 190阅读 0赞

### 目录 ###

*   *  常用中文字体的英文名称 （宋体 微软雅黑）
     *   *  1. 作用：
         *  2. 常用技巧
         *  3. CSS Unicode 编码
         *  4. 其他字体

## 常用中文字体的英文名称 （宋体 微软雅黑） ##

### 1. 作用： ###

*  font-family属性用于设置哪一种字体。

p{  font-family:"微软雅黑";}

*  网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑
 *  可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体， 如果都没有，则以我们电脑默认的字体为准。

p{ font-family: Arial,"Microsoft Yahei", "微软雅黑";}

### 2. 常用技巧 ###

1.  各种字体之间必须使用英文状态下的逗号隔开。
2.  中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。
3.  如果字体名中包含空格、\#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family: “Times New Roman”;。
4.  尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。

### 3. CSS Unicode 编码 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzAyMTk4Mg_size_16_color_FFFFFF_t_70_pic_left]

*  为什么使用 Unicode字体
    
     *  在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。
     *  xp 系统不支持 类似微软雅黑的中文。
 *  解决：
    
     *  方案一： 你可以使用英文来替代。 比如`font-family:"Microsoft Yahei"`。
     *  方案二： 在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称，浏览器是可以正确的解析的。

font-family: "\5FAE\8F6F\96C5\9ED1";   表示设置字体为“微软雅黑”。

<table> 
 <thead> 
  <tr> 
   <th align="left">字体名称</th> 
   <th align="left">英文名称</th> 
   <th align="left">Unicode 编码</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">宋体</td> 
   <td align="left">SimSun</td> 
   <td align="left">\5B8B\4F53</td> 
  </tr> 
  <tr> 
   <td align="left">新宋体</td> 
   <td align="left">NSimSun</td> 
   <td align="left">\65B0\5B8B\4F53</td> 
  </tr> 
  <tr> 
   <td align="left">黑体</td> 
   <td align="left">SimHei</td> 
   <td align="left">\9ED1\4F53</td> 
  </tr> 
  <tr> 
   <td align="left">微软雅黑</td> 
   <td align="left">Microsoft YaHei</td> 
   <td align="left">\5FAE\8F6F\96C5\9ED1</td> 
  </tr> 
  <tr> 
   <td align="left">楷体_GB2312</td> 
   <td align="left">KaiTi_GB2312</td> 
   <td align="left">\6977\4F53_GB2312</td> 
  </tr> 
  <tr> 
   <td align="left">隶书</td> 
   <td align="left">LiSu</td> 
   <td align="left">\96B6\4E66</td> 
  </tr> 
  <tr> 
   <td align="left">幼园</td> 
   <td align="left">YouYuan</td> 
   <td align="left">\5E7C\5706</td> 
  </tr> 
  <tr> 
   <td align="left">华文细黑</td> 
   <td align="left">STXihei</td> 
   <td align="left">\534E\6587\7EC6\9ED1</td> 
  </tr> 
  <tr> 
   <td align="left">细明体</td> 
   <td align="left">MingLiU</td> 
   <td align="left">\7EC6\660E\4F53</td> 
  </tr> 
  <tr> 
   <td align="left">新细明体</td> 
   <td align="left">PMingLiU</td> 
   <td align="left">\65B0\7EC6\660E\4F53</td> 
  </tr> 
 </tbody> 
</table>

为了照顾不同电脑的字体安装问题，我们尽量只使用宋体和微软雅黑中文字体

### 4. 其他字体 ###

宋体 SimSun

黑体 SimHei

微软雅黑 Microsoft YaHei

微软正黑体 Microsoft JhengHei

新宋体 NSimSun

新细明体 PMingLiU

细明体 MingLiU

标楷体 DFKai-SB

仿宋 FangSong

楷体 KaiTi

仿宋\_GB2312 FangSong\_GB2312

楷体\_GB2312 KaiTi\_GB2312

宋体：SimSun css中中文字体（font-family）的英文名称

**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

新宋体：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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzAyMTk4Mg_size_16_color_FFFFFF_t_70_pic_left]: /images/20221120/1f01a73c671c4eff90d3c1bbe8f77441.png