字體(tǐ)真是(shì)個(gè)麻煩的(de)東(dōng)西(xī)，然λ♥★∞後又(yòu)是(shì)個(gè)重要(yào)的(de)×"α>東(dōng)西(xī)。南(nán)京網站(zhàn)建設為(♣♦wèi)以更方的(de)解決字體(tǐ)問(wèn)題，就(jiù)'↓像上(shàng)次推薦的(de)《再談 Web♣≥ 默認字體(tǐ)》，為(wèi)了(le)P€↔©ixel Perfect，我們不(bù)♣ π斷糾結。像支付寶在CSS Reset中是(shì)這(z☆→hè)樣寫的(de)：

   1. body{font:12px Tah↔₽oma,Helvetica,Arial,'宋體(¶₽tǐ)',sans-serif}

而淘寶這(zhè)樣寫：

   1. body>λ☆, button, input, select, textaλ​π≠rea {font:12px/1.5 tahomΩ±±δa,arial,'宋體(tǐ)',sans-serif;}

 南(nán)京網站(zhàn)建設偏向于淘寶的(de)寫法，φ"©✘顯然，button/input /select/tex∞λβtarea的(de)字體(tǐ)都(dōu)是(shì)要(&'‌"yào)重設才會(huì)顯示正常的(de)。這(zhè)裡(l¶‌‌ǐ)并不(bù)是(shì)為(wèi)了(le)討(tǎo)論↔π這(zhè)個(gè)，而是(shì)這(zhè)裡(lǐ)面都(d σ♦ōu)有(yǒu) tohama 這(zhè)種字體(tǐ)，它是(sh¥∏ì)今天的(de)主角。因為(wèi)字體(tǐ)顯示好(hǎ♣‍¶o)，也(yě)因為(wèi)導緻 BUG 而被搬上(s♣&'hàng)台面。讓我們來(lái)先看(kàn)一(yī)個(gè)÷™∑λDemo:

Here: IE8 Tahoma Font-family bug

如(rú)果你(nǐ)是(shì)從(cóng) IE8 打開(≤'≥kāi)，将會(huì)看(kàn)到(dào)第一( Ωyī)個(gè)按鈕有(yǒu)錯(cuò)位。如(λ★ ↓rú)标題所說(shuō)，你(nǐ)懂(dǒng)的(宣de)，這(zhè)就(jiù)是(shì) Tahom☆¥← a 給我們帶來(lái)的(de)問(wèn)題。而解決方案很(hěn)簡單 £↔>，就(jiù)是(shì)避用(yòng) ta↔σ"≈homa 字體(tǐ)，其他(tā)的(de)随便。比如(rú)：

   1. body, button, i♥∏> nput, select, textarea {≤¶font:12px/1.5 arial,λ↕₽'宋體(tǐ)',sans-serif;}

在支持沒有(yǒu)那(nà)麽完美(měi)的(de)狀況下(xià)，•÷‌這(zhè)樣的(de)解決方式可(kě)以說(shuō)♣≠是(shì)完美(měi)的(de)。即使你(nǐ)像南(nán∏♠∑φ)京網站(zhàn)建設一(yī)樣也(yě)有(yǒλ≥u)一(yī)套 Hack 兼容方案，還(hái)是(§✔®shì)不(bù)推薦使用(yòng)暴力方式，我們的₽σ(de)目标是(shì)、也(yě)應該是(s✘£λ∞hì)更有(yǒu)效、更優雅。

然後，其實 hack IE 8的(de)時(sh<↕©↔í)候，可(kě)以考慮 selecto₩∞r{property:value\0;} 這(zhè)樣的(de♠€)方法來(lái)，因為(wèi)這(zhè)是(shì) IE8&§>+ 獨有(yǒu)的(de)方法。Hmmm… 多(duō)好(hǎo)，雖然β'' 有(yǒu)點暴力。最後，推薦一(yī)下δγε(xià)鴿子(zǐ)工(gōng)友(yǒu)。解₹ε←≠決這(zhè)個(gè) Bug，還(hái)得(de)歸功于他(tā)。

——————————–

經過一(yī)條完美(měi)分(fēn)割線從(cón×"÷∑g)火(huǒ)星來(lái)到(dào)地(dì)球，囧，剛剛還(h÷≠≤§ái)測試了(le)arial放(fàng)在前面是(shì)可(kě)以δ→的(de)，而且早上(shàng)測試過，π♣×不(bù)過，事(shì)實證明(mín ¥g)測試要(yào)更小(xiǎo)心，要(yào)多(duō)φφ次，不(bù)然可(kě)能(néng)刷出來•→★α(lái)的(de)是(shì)緩存。事(shì)實↔ ≤的(de)解決方法似乎是(shì)這(zhè)樣的(←& de)：

    * 有(yǒu)中文(wén)和(h>εé)英文(wén)混排的(de)時(shí)候，怎麽寫都(dōu)無↔&所謂；
    * 隻有(yǒu) αφ中文(wén)的(de)時(shí)候，放(fàng♦‌δ€)在前面最好(hǎo)的(de)系統所擁有(yǒu)的(de≈₽®₩)字體(tǐ)，或者一(yī)種系統沒有(yǒu)↓>的(de)字體(tǐ)來(lái)讓他(tā)顯示默認字&δ體(tǐ)；
    * 全'×↑≤英文(wén)就(jiù)更是(shì)所所謂了(le)