解決IE9支援CSS中文字型經驗篇

2021-07-09 01:08:53 字數 700 閱讀 9463

如何讓css中使用中文字型後仍然在ie9瀏覽器顯示相容。

一、css中文字型ie9相容出現問題

css中使用中文字型後line-height樣式在ie9瀏覽器垂直上下居中樣式失效。

二、解決ie9相容中文字型

將css中使用中文字型的中文字轉化為unicode編碼然後替代。最終設定字型效果將不受轉換編碼而影響同時也相容了line-height垂直居中樣式,同時ie9即可相容css中使用常用中文字型。

常見字型轉換:

黑體:\9ed1\4f53

宋體:\5b8b\4f53

微軟雅黑:\5fae\8f6f\96c5\9ed1

仿宋:\4eff\5b8b

更詳細unicode編碼轉換表

大家可以記住轉換表,此表收集了常用的可用中文字型轉換查詢,平時開發css時候只需要對比查詢後複製即可使用。

擴充套件閱讀:css字型樣式:

例項:

.divcss5

可以將「黑體」轉換為「\9ed1\4f53」 得到:

.divcss5

Ubuntu 8 04支援特定中文字型 宋體

一 掛載windows系統所在的硬碟分割槽,假設為第二個分割槽 mount dev sda2 mnt xp 二 複製xp中的字型到ubuntu字型系統中 cp mnt xp windows fonts simsun.ttc usr share fonts x11 misc simsun.ttf三 重...

修正IE9中文字型名稱失效的問題

ie9瀏覽器在css中定義中文字型名稱的時候,line height不能垂直居中,解決辦法其實很簡單,這裡是通過轉換字型unicode編碼來解決ie9相容問題。也就是將平時我們定義的font family 宋體 變為font family 5b8b 4f53 如果你定義的不是宋體而是其它字型,你可以...

IE9無法支援大尺寸CSS的陷阱

最近在做的前端專案遇到乙個很奇怪的問題,在ie8和其他現代瀏覽器下顯示正常的元素,在ie9下卻顯示異常。開啟ie9蛋疼的developer tools後發現原先css上寫的樣式壓根就沒有應用到元素上去。無論怎麼加hack還是其他方法都沒有用。然後嘗試把css minify一下發現問題消失了。由此懷疑...