介紹css中文字型和Unicode編碼轉換方法

來源:互聯網
上載者:User

在網站中,都不可避免的要用到一些中文字型,比如宋體,微軟雅黑,黑體等,在css中寫入中文的方法一般是: font-family:"微軟雅黑","黑體";這樣類似的表達方式。

css樣式檔案也區分檔案編碼(從視覺上看gb2312、UTF-8 這2種編碼的檔案,gb2312編碼的樣式檔案程式碼與行之 間的行距比較密集,看上去比較淩亂!)。

因此css中指定font-family屬性為黑體、幼圓、微軟雅黑等中文字型可能會因為編碼問題導致中文字型無法按照希望 的字型表形出來!如果 CSS 編碼有誤,會導致頁面載入後 CSS 中的中文字型亂碼!

所以我們推薦通過英文、unicode 這種形式來表達中文字型,比如說剛才的 font-family:"宋體","微軟雅黑","黑體";就 可以寫成 font-family:"SimSun","Microsoft Yahei","SimHei";在Firefox 的某些版本和 Opera 不支援 SimHei的寫法,採用 font-family:5FAE8F6F96C59ED1;unicode寫法。

 下面介紹一種中文字型轉Unicode編碼的方法:
如果你使用chrome或firefox調試外掛程式,直接在console控制台中輸入  escape('宋體'),可返回一串字串:"%u5B8B%u4F53" 將其改寫為 “5B8B4F53″ ,這就是宋體的 Unicode 編碼 啦!

同理,Unicode 編碼轉成中文字型方法,如:“5B8B4F53″

先將“5B8B4F53″改寫成"%u5B8B%u4F53",再用unescape('%u5B8B%u4F53')即可查看到Unicode 編碼對應的中文字型!

這樣或許嫌麻煩,那也沒關係,這裡有一份比較完整的中英文及unicode的對應表格:

中文名

英文名

Unicode

新細明體

PMingLiU

65B07EC6660E4F53

細明體

MingLiU

7EC6660E4F53

標楷體

DFKai-SB

680769774F53

黑體

SimHei

9ED14F53

宋體

SimSun

5B8B4F53

新宋體

NSimSun

65B05B8B4F53

仿宋

FangSong

4EFF5B8B

楷體

KaiTi

69774F53

仿宋_GB2312

FangSong_GB2312

4EFF5B8B_GB2312

楷體_GB2312

KaiTi_GB2312

69774F53_GB2312

微軟正黑體

Microsoft JhengHei

5FAEx8F6F6B639ED14F53

微軟雅黑

Microsoft YaHei

5FAE8F6F96C59ED1

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.