您好,登錄后才能下訂單哦!
這篇文章主要介紹“如何解決與避免在ie9瀏覽器line-height失效問題”的相關(guān)知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“如何解決與避免在ie9瀏覽器line-height失效問題”文章能幫助大家解決問題。
CSS中使用了中文字體,而中文字體使用漢字。如:
font-family:"微軟雅黑"
使用CSS字體font-family樣式使用了“宋體”、“黑體”或“微軟雅黑”等中文字體以漢字設(shè)置于CSS中。
在網(wǎng)頁DIV+CSS布局中不可避免使用中文字體如:黑體、宋體、微軟雅黑等中文字體,如何正確使用這些中文字體樣式呢?接下來我們來了解如何解決使用這些中文字體,又兼容IE9,支持IE9使用漢字字體。
1、將中文字體漢字轉(zhuǎn)換為Unicode編碼
“黑體”對應(yīng)Unicode編碼為“\9ED1\4F53”
“宋體”對應(yīng)Unicode編碼為“\5B8B\4F53”
“仿宋”對應(yīng)Unicode編碼為“\4EFF\5B8B”
“微軟雅黑”對應(yīng)Unicode編碼為“\5FAE\8F6F\96C5\9ED1”
將漢字轉(zhuǎn)換為Unicode編碼的字符,即成功設(shè)置相應(yīng)字體,又兼容IE9瀏覽器支持垂直居中l(wèi)ine-height樣式。
實際應(yīng)用exp:
.div{ font-family:"微軟雅黑"}
轉(zhuǎn)換為Unicode編碼后
.div{ font-family:"\5FAE\8F6F\96C5\9ED1"}
漢字字體中文字轉(zhuǎn)換為Unicode編碼后字體效果相同,不受影響,兼容各大瀏覽器。
如果記不住Unicode編碼表怎么辦?
在CSS+DIV布局中常用css字體中,中文字體就那幾個黑體、宋體、仿宋、微軟雅黑。如果記不住可以進入css Unicode編碼表查看并復(fù)制使用。
2、將中文字體漢字使用英文名
將CSS+DIV布局中CSS設(shè)置中文字體漢字轉(zhuǎn)換對應(yīng)英文名字體,轉(zhuǎn)換后設(shè)置中文字體效果不變,并兼容各大瀏覽器。
“黑體”對應(yīng)英文名為“SimHei”
“宋體”對應(yīng)英文名為“SimSun”
“仿宋”對應(yīng)英文名為“FangSong”
“微軟雅黑”對應(yīng)英文名為“Microsoft YaHei”
實際應(yīng)用exp:
.div{ font-family:"微軟雅黑"}
轉(zhuǎn)換為英文名后
.div{ font-family:"Microsoft YaHei"}
將div css布局中css字體使用漢字字體轉(zhuǎn)換為英文名的字體,其設(shè)置字體效果不變不受影響,并兼容各大瀏覽器,大家可以放心使用。
關(guān)于“如何解決與避免在ie9瀏覽器line-height失效問題”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注億速云行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。