微軟雅黑是一款微軟雅黑即時(shí)微軟雅黑字體,其微軟雅黑特點(diǎn)之一就是微軟雅黑細(xì)微軟雅黑節(jié),但相應(yīng)的微軟雅黑缺點(diǎn)就是排版難以得到很好的微軟雅黑展現(xiàn)效果,這時(shí)使用CSS字體平滑技術(shù)就可以把微軟雅黑展現(xiàn)得更好。
字體平滑技術(shù)有多種,如微軟的ClearType字體平滑技術(shù)、蘋果的LCD字體平滑技術(shù)、CSS3的text-shadow實(shí)現(xiàn)字體平滑等等。其中,CSS3的text-shadow是一種可兼容性和易用性兼得的字體平滑技術(shù),以下是一個(gè)使用text-shadow實(shí)現(xiàn)微軟雅黑平滑的樣例代碼:
body{ font-family: "Microsoft Yahei", Arial, sans-serif; } h1{ font-size: 2em; text-shadow: 0 0 1px #333, 0 0 1px #333, 0 0 1px #333; }
上述樣例代碼中,text-shadow屬性設(shè)置了三個(gè)陰影,分別是0px 0px 1px #333,0px 0px 1px #333,0px 0px 1px #333。這三個(gè)陰影均為距離為0,模糊半徑為1px,陰影顏色為#333。
通過text-shadow屬性,微軟雅黑字體在展現(xiàn)時(shí)產(chǎn)生了一種模糊的效果,使字體看上去更加清晰、自然。同時(shí),text-shadow屬性兼容性良好,可以支持大多數(shù)現(xiàn)代瀏覽器。因此,在展現(xiàn)微軟雅黑字體時(shí)使用text-shadow屬性實(shí)現(xiàn)字體平滑是一種不錯(cuò)的選擇。