CSS樣式字體設置失效,呈現亂碼

1.問題:

CSS文件中已設置了標籤的屬性font-family:"微軟雅黑",但是字體的顯示的效果卻是宋體,查看一下網頁源代碼,發現設置的字體爲亂碼。

亂碼顯示如font-family:"΢���ź�" ;

2.解決方法:

字體設置不要用中文:如font-family:"微軟雅黑";而使用字體的Unicode編碼:如font-family:\5FAE\8F6F\96C5\9ED1;

3.總結:

常見字體Unicode編碼如下:

中文名 英文名 Unicode
Unicode2
Windows
新細明體 PMingLiU \65B0\7EC6\660E\4F53 新細明體
細明體 MingLiU \7EC6\660E\4F53 細明體
標楷體 DFKai-SB \6807\6977\4F53 標楷體
黑體 SimHei \9ED1\4F53 黑體
宋體 SimSun \5B8B\4F53 宋體
新宋體 NSimSun \65B0\5B8B\4F53 新宋體
仿宋 FangSong \4EFF\5B8B 仿宋
楷體 KaiTi \6977\4F53 楷體
仿宋_GB2312 FangSong_GB2312 \4EFF\5B8B_GB2312 仿宋_GB2312
楷體_GB2312 KaiTi_GB2312 \6977\4F53_GB2312 楷體_GB2312
微軟正黑體 Microsoft JhengHei \5FAE\x8F6F\6B63\9ED1\4F53 微軟正黑體
微軟雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1 微軟雅黑
Office
隸書 LiSu \96B6\4E66 隸書
幼圓 YouYuan \5E7C\5706 幼圓
華文細黑 STXihei \534E\6587\7EC6\9ED1 華文細黑
華文楷體 STKaiti \534E\6587\6977\4F53 華文楷體
華文宋體 STSong \534E\6587\5B8B\4F53 華文宋體
華文中宋 STZhongsong \534E\6587\4E2D\5B8B 華文中宋
Mac OS
華文仿宋 STFangsong \534E\6587\4EFF\5B8B 華文仿宋
方正舒體 FZShuTi \65B9\6B63\8212\4F53 方正舒體
方正姚體 FZYaoti \65B9\6B63\59DA\4F53 方正姚體
華文彩雲 STCaiyun \534E\6587\5F69\4E91 華文彩雲
華文琥珀 STHupo \534E\6587\7425\73C0 華文琥珀
華文隸書 STLiti \534E\6587\96B6\4E66 華文隸書
華文行楷 STXingkai \534E\6587\884C\6977 華文行楷
華文新魏 STXinwei \534E\6587\65B0\9B4F 華文新魏
華文細黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1 華文細黑
華文黑體 STHeiti \534E\6587\9ED1\4F53 華文黑體 
華文楷體 STKaiti \534E\6587\6977\4F53 華文楷體
華文宋體 STSong \534E\6587\5B8B\4F53 華文宋體
華文仿宋 STFangsong \534E\6587\4EFF\5B8B 華文仿宋
麗黑 Pro LiHei Pro Medium \4E3D\9ED1 Pro 麗黑 Pro
麗宋 Pro LiSong Pro Light \4E3D\5B8B Pro 麗宋 Pro
標楷體 BiauKai \6807\6977\4F53 標楷體
蘋果麗中黑 Apple LiGothic Medium \82F9\679C\4E3D\4E2D\9ED1 蘋果麗中黑
蘋果麗細宋 Apple LiSung Light \82F9\679C\4E3D\7EC6\5B8B 蘋果麗細宋

發佈了124 篇原創文章 · 獲贊 20 · 訪問量 52萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章