隨著IE瀏覽器10的出現,CSS字體的使用也面臨著一些問題。
/*CSS代碼*/ body{ font-family: "宋體", "SimSun"; font-size: 14px; }
在IE10以上版本的瀏覽器中,如果我們使用上述的CSS代碼設定字體,會發現中文字體會出現顯示不全的問題,特別是在微軟雅黑字體的情況下。
/*CSS代碼*/ body{ font-family: "微軟雅黑", "Microsoft YaHei", "SimSun"; font-size: 14px; }
解決以上問題的方法,是引入一個針對IE10的特定CSS樣式:
/*CSS代碼*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { body{ font-family: "微軟雅黑", "Microsoft YaHei", "SimSun"; } } body{ font-family: "宋體", "SimSun"; }
以上代碼中的@media樣式中,使用了IE10的一個特性,其含義為“如果是在高對比度模式下或不是在高對比度模式下,則執行此CSS樣式”。
這樣,我們就可以讓IE10及以上版本的瀏覽器正常顯示中文的字體了。