css中文字体乱码解决方案

Dear 丶 2021-10-18 12:24 584阅读 0赞

css中文字体乱码解决方案：把css编码和html页面编码统一起来。如果html页面是utf-8、css、js也统一成utf-8编码。还有一个避免中文乱码的办法就是把中文字体写成英文来表示

**css中文字体乱码解决方案**：  
  
把css编码和html页面编码统一起来。如果html页面是utf-8、css、js也统一成utf-8编码。如果html页面是gb2312、css、js也统一成gb2312编码。 [UTF-8和GB2312互转的最简单快捷的方法][UTF-8_GB2312]  
  
还有一个避免中文乱码的办法就是把中文字体写成英文来表示，例如：font-family:"宋体";font-family:"微软雅黑"; 对应：  font-family:"simsun";font-family:"Microsoft YaHei";  
  
更多字体中英文对照如下表（注：网页中最好使用宋体、黑体、微软雅黑、和一些通用的英文字体，其他不安全的中文字体不要使用。）：

<table> 
 <thead> 
  <tr> 
   <th> 中文名</th> 
   <th> 英文名</th> 
   <th> Unicode</th> 
   <th> Unicode 2</th> 
  </tr> 
  <tr> 
   <th colspan="4"> Mac OS</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td> 华文细黑</td> 
   <td> STHeiti Light [STXihei]</td> 
   <td> \534E\6587\7EC6\9ED1</td> 
   <td> 华文细黑</td> 
  </tr> 
  <tr> 
   <td> 华文黑体</td> 
   <td> STHeiti</td> 
   <td> \534E\6587\9ED1\4F53</td> 
   <td> 华文黑体</td> 
  </tr> 
  <tr> 
   <td> 华文楷体</td> 
   <td> STKaiti</td> 
   <td> \534E\6587\6977\4F53</td> 
   <td> 华文楷体</td> 
  </tr> 
  <tr> 
   <td> 华文宋体</td> 
   <td> STSong</td> 
   <td> \534E\6587\5B8B\4F53</td> 
   <td> 华文宋体</td> 
  </tr> 
  <tr> 
   <td> 华文仿宋</td> 
   <td> STFangsong</td> 
   <td> \534E\6587\4EFF\5B8B</td> 
   <td> 华文仿宋</td> 
  </tr> 
  <tr> 
   <td> 丽黑 Pro</td> 
   <td> LiHei Pro Medium</td> 
   <td> \4E3D\9ED1 Pro</td> 
   <td> 丽黑 Pro</td> 
  </tr> 
  <tr> 
   <td> 丽宋 Pro</td> 
   <td> LiSong Pro Light</td> 
   <td> \4E3D\5B8B Pro</td> 
   <td> 丽宋 Pro</td> 
  </tr> 
  <tr> 
   <td> 标楷体</td> 
   <td> BiauKai</td> 
   <td> \6807\6977\4F53</td> 
   <td> 标楷体</td> 
  </tr> 
  <tr> 
   <td> 苹果丽中黑</td> 
   <td> Apple LiGothic Medium</td> 
   <td> \82F9\679C\4E3D\4E2D\9ED1</td> 
   <td> 苹果丽中黑</td> 
  </tr> 
  <tr> 
   <td> 苹果丽细宋</td> 
   <td> Apple LiSung Light</td> 
   <td> \82F9\679C\4E3D\7EC6\5B8B</td> 
   <td> 苹果丽细宋</td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <th colspan="4"> Windows</th> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 新细明体</td> 
   <td> PMingLiU</td> 
   <td> \65B0\7EC6\660E\4F53</td> 
   <td> 新细明体</td> 
  </tr> 
  <tr> 
   <td> 细明体</td> 
   <td> MingLiU</td> 
   <td> \7EC6\660E\4F53</td> 
   <td> 细明体</td> 
  </tr> 
  <tr> 
   <td> 标楷体</td> 
   <td> DFKai-SB</td> 
   <td> \6807\6977\4F53</td> 
   <td> 标楷体</td> 
  </tr> 
  <tr> 
   <td> 黑体</td> 
   <td> SimHei</td> 
   <td> \9ED1\4F53</td> 
   <td> 黑体</td> 
  </tr> 
  <tr> 
   <td> 宋体</td> 
   <td> SimSun</td> 
   <td> \5B8B\4F53</td> 
   <td> 宋体</td> 
  </tr> 
  <tr> 
   <td> 新宋体</td> 
   <td> NSimSun</td> 
   <td> \65B0\5B8B\4F53</td> 
   <td> 新宋体</td> 
  </tr> 
  <tr> 
   <td> 仿宋</td> 
   <td> FangSong</td> 
   <td> \4EFF\5B8B</td> 
   <td> 仿宋</td> 
  </tr> 
  <tr> 
   <td> 楷体</td> 
   <td> KaiTi</td> 
   <td> \6977\4F53</td> 
   <td> 楷体</td> 
  </tr> 
  <tr> 
   <td> 仿宋_GB2312</td> 
   <td> FangSong_GB2312</td> 
   <td> \4EFF\5B8B_GB2312</td> 
   <td> 仿宋_GB2312</td> 
  </tr> 
  <tr> 
   <td> 楷体_GB2312</td> 
   <td> KaiTi_GB2312</td> 
   <td> \6977\4F53_GB2312</td> 
   <td> 楷体_GB2312</td> 
  </tr> 
  <tr> 
   <td> 微软正黑体</td> 
   <td> Microsoft JhengHei</td> 
   <td> \5FAE\x8F6F\6B63\9ED1\4F53</td> 
   <td> 微软正黑体</td> 
  </tr> 
  <tr> 
   <td> 微软雅黑</td> 
   <td> Microsoft YaHei</td> 
   <td> \5FAE\8F6F\96C5\9ED1</td> 
   <td> 微软雅黑</td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <th colspan="4"> Office</th> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 隶书</td> 
   <td> LiSu</td> 
   <td> \96B6\4E66</td> 
   <td> 隶书</td> 
  </tr> 
  <tr> 
   <td> 幼圆</td> 
   <td> YouYuan</td> 
   <td> \5E7C\5706</td> 
   <td> 幼圆</td> 
  </tr> 
  <tr> 
   <td> 华文细黑</td> 
   <td> STXihei</td> 
   <td> \534E\6587\7EC6\9ED1</td> 
   <td> 华文细黑</td> 
  </tr> 
  <tr> 
   <td> 华文楷体</td> 
   <td> STKaiti</td> 
   <td> \534E\6587\6977\4F53</td> 
   <td> 华文楷体</td> 
  </tr> 
  <tr> 
   <td> 华文宋体</td> 
   <td> STSong</td> 
   <td> \534E\6587\5B8B\4F53</td> 
   <td> 华文宋体</td> 
  </tr> 
  <tr> 
   <td> 华文中宋</td> 
   <td> STZhongsong</td> 
   <td> \534E\6587\4E2D\5B8B</td> 
   <td> 华文中宋</td> 
  </tr> 
  <tr> 
   <td> 华文仿宋</td> 
   <td> STFangsong</td> 
   <td> \534E\6587\4EFF\5B8B</td> 
   <td> 华文仿宋</td> 
  </tr> 
  <tr> 
   <td> 方正舒体</td> 
   <td> FZShuTi</td> 
   <td> \65B9\6B63\8212\4F53</td> 
   <td> 方正舒体</td> 
  </tr> 
  <tr> 
   <td> 方正姚体</td> 
   <td> FZYaoti</td> 
   <td> \65B9\6B63\59DA\4F53</td> 
   <td> 方正姚体</td> 
  </tr> 
  <tr> 
   <td> 华文彩云</td> 
   <td> STCaiyun</td> 
   <td> \534E\6587\5F69\4E91</td> 
   <td> 华文彩云</td> 
  </tr> 
  <tr> 
   <td> 华文琥珀</td> 
   <td> STHupo</td> 
   <td> \534E\6587\7425\73C0</td> 
   <td> 华文琥珀</td> 
  </tr> 
  <tr> 
   <td> 华文隶书</td> 
   <td> STLiti</td> 
   <td> \534E\6587\96B6\4E66</td> 
   <td> 华文隶书</td> 
  </tr> 
  <tr> 
   <td> 华文行楷</td> 
   <td> STXingkai</td> 
   <td> \534E\6587\884C\6977</td> 
   <td> 华文行楷</td> 
  </tr> 
  <tr> 
   <td> 华文新魏</td> 
   <td> STXinwei</td> 
   <td> \534E\6587\65B0\9B4F</td> 
   <td> 华文新魏</td> 
  </tr> 
 </tbody> 
</table>

本文链接： [css中文字体乱码解决方案][css]http://www.51xuediannao.com/html+css/htmlcssjq/700.html

转载于:https://www.cnblogs.com/qianyouluo/p/5029401.html

[UTF-8_GB2312]: http://www.51xuediannao.com/jiqiao/bianmahuzhuan.html
[css]: http://www.51xuediannao.com/html+css/htmlcssjq/700.html