中文字體在CSS中的寫法整理
2024-07-11 08:51:26
供稿:網友
今天在折騰wordpress主題的時候,想把側邊欄上的2個標題轉換為“方正姚體”,用Firebug調試OK了,保存到css文件里上傳后,可是怎么弄也顯示不對,網上搜索了一下,才知道原來在CSS中不能出現中文字體,解決辦法就是把這些中文字體名字轉換成英文名。
Unicode簡單的說一下制作網頁時的為了兼顧到一些瀏覽器CSS樣式文檔中一般是不出現中文字體的,尤其是 {}中,因此通過參照下表將其對應轉編,可以將中文名轉成英文名、unicode、unicode2注意unicode2是直接輸出為文本的,
比如:微軟雅黑,我們在CSS中的設置為
font-family:”Microsoft Yahei”;
也可以是對應的unicode
font-family:”/5FAE/8F6F/96C5/9ED1″;
但微軟雅黑對應的unicode2即微軟正黑體寫在樣式文檔里是沒有效果的,因為unicode2是以文本形式輸出的,這個可以將對應的unicode2 放到html文檔中嘗試一下,對應輸出微軟雅黑四個字
常用字體設置
font-family:' SimSun','/5B8B/4F53' /*宋體*/
font-family:' Microsoft Yahei','/5FAE/8F6F/96C5/9ED1' /*微軟雅黑*/
中文名英文名UnicodeUnicode 2
Mac OS
華文細黑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 華文仿宋
麗黑 ProLiHei Pro Medium /4E3D/9ED1 Pro 麗黑 Pro
麗宋 ProLiSong 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 蘋果麗細宋
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楷體
仿宋_GB2312FangSong_GB2312/4EFF/5B8B_GB2312仿宋_GB2312
楷體_GB2312KaiTi_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華文中宋
華文仿宋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華文新魏