日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

IE7和IE8 在IE瀏覽器中正常顯示的字體效果設(shè)置教程

例如,我們使用以下的字體設(shè)置(先別管合理不合理)
font-family:Verdana,Tahoma,Arial,5b8b4f53(宋體),sans-serif
讓后分別放在IE6、IE7、IE8、Firefox、chrome等主流瀏覽器中測(cè)試,發(fā)現(xiàn)在IE7和IE8瀏覽器中顯示英文和數(shù)字時(shí)字體有區(qū)別(見下圖)

IE7和IE8 在IE瀏覽器中正常顯示的字體效果設(shè)置教程


IE7和IE8 在IE瀏覽器中正常顯示的字體效果設(shè)置教程


Aisleep和88感覺上面有明顯的鋸齒而下面的感覺粗厚平滑一些 。
大家知道,這是因?yàn)镮E7/IE8瀏覽器中[屬性][高級(jí)]選項(xiàng)卡[多媒體]有一個(gè)ClearType(
增強(qiáng)屏幕字體)屬性,默認(rèn)是被選中的原因(見下圖) 。
IE7和IE8 在IE瀏覽器中正常顯示的字體效果設(shè)置教程


如果把這個(gè)選項(xiàng)去掉勾,那IE7/IE8瀏覽器顯示的字體就和其它瀏覽器統(tǒng)一了 。反之,通過(guò)Windows控制面板ClearType Tuning 啟用ClearType(見下圖)
IE7和IE8 在IE瀏覽器中正常顯示的字體效果設(shè)置教程


對(duì)于操作系統(tǒng)控制面板沒(méi)有ClearType Tuning選項(xiàng)的可以通過(guò)以下方式實(shí)現(xiàn):
1. 單擊[開始],單擊[控制面板],單擊[外觀和主題], 然后單擊[顯示] 。
2. 在[外觀]選項(xiàng)卡上,單擊[效果] 。
3. 單擊選中[使用下列方式使屏幕字體的邊緣平滑]復(fù)選框,然后單擊該列表中的 ClearType[清晰] 。
IE7和IE8 在IE瀏覽器中正常顯示的字體效果設(shè)置教程


那以其它瀏覽器顯示的字體就會(huì)和IE7/IE8統(tǒng)一了 。(注:據(jù)我調(diào)查大多數(shù)XP操作系統(tǒng)默認(rèn)為標(biāo)準(zhǔn))
接下來(lái)會(huì)看到一些測(cè)試和整理,目的只是為了解字體在不同設(shè)置下的特性 。這里不會(huì)有什么字體的推薦設(shè)置,因?yàn)槲艺J(rèn)為字體的設(shè)置和你所做項(xiàng)目的具體情況有關(guān),沒(méi)有什么設(shè)置是最好的,只要清楚字體在不同設(shè)置下的特性才能在以后的應(yīng)用中得心應(yīng)手 。
測(cè)試:12px和14px的字體大小是中文網(wǎng)頁(yè)中最常見的;字體family:黑體,宋體,sans-serif,Verdana,Tahoma,Arial,Helvetica(沒(méi)用雅黑字體,雅黑字體在Vista以后的操作系統(tǒng)才有,但根據(jù)網(wǎng)站數(shù)據(jù)統(tǒng)計(jì)80%都是XP操作系統(tǒng),目前兼容性會(huì)是個(gè)問(wèn)題);文字加粗容易分辨區(qū)別,瀏覽器:IE6/IE7/IE8/Firefox3.6/Chrome4.0 。
IE7和IE8 在IE瀏覽器中正常顯示的字體效果設(shè)置教程


整理:
從 ClearType角度:除了IE7/IE8外其它瀏覽器字體顯示效果都是一樣的,如何統(tǒng)一所有字體顯示效果,方法上面已經(jīng)說(shuō)過(guò) 。
* 黑體:字體大小12px/14px時(shí) ClearType設(shè)置有作用(16px/18px/20px時(shí)無(wú)作用,22px以上會(huì)有作用);
* 宋體(5b8b4f53):字體大小 12px/14px/16px/18px時(shí)ClearType設(shè)置無(wú)作用(20px以上會(huì)起作用),所以 12px-18px之間的宋體在所有以上瀏覽器中能得到高度統(tǒng)一,但粗體的符號(hào)顯示真的很不理想比如@;
* sans- serif:無(wú)襯線字,細(xì)心的一定發(fā)現(xiàn)唯獨(dú)這類字體上圖中出現(xiàn)了三種字體 。在IE6和IE7/IE8中區(qū)別只是ClearType設(shè)置問(wèn)題,字體其實(shí)就是Tahoma(無(wú)襯字),但在FireFox和Chrome中調(diào)用的是宋體(襯字)(可設(shè)置);
* Verdana:ClearType設(shè)置會(huì)有作用,IE6/FireFox/Chrome中有明顯的鋸齒 。
* Tahoma:ClearType設(shè)置會(huì)有作用,IE6/FireFox/Chrome中有明顯的鋸齒 。(仔細(xì)觀察其實(shí) Verdana和Tahoma字體外形是差不多的,只是單詞中字母間距的區(qū)別 。)關(guān)于Verdana和Tahoma再延伸一下,之前看到過(guò)根據(jù) Jackob Nielsen用戶調(diào)研顯示,Verdana 字體是易讀性最高的,推薦設(shè)置為第一默認(rèn)字體,前提那是英文站點(diǎn) 。但在中文站點(diǎn)又要老生長(zhǎng)談中英文排版問(wèn)題,具體用什么字體要考慮文章中是否有斜體、粗體:
o 當(dāng)ClearType設(shè)置為標(biāo)準(zhǔn)時(shí),Tahoma比Verdana鋸齒感強(qiáng),而且Verdana字母的間距較寬的優(yōu)勢(shì)會(huì)體現(xiàn)出來(lái) 。

推薦閱讀