如(rú)何合理(lǐ)設置網站(zhàλγn)字體(tǐ)的(de)大(dà)小(xiǎo)

來(lái)源：徐州億網網絡科(kē)技(jì)有(yǒu)限公司 時(shí)間(jiān)γ✘φ：2012-03-28 作(zuò)者：

     &nbε♦sp;  我們都(dōu)知(zhī)道(dào)，網頁中，可(kě)≈λ↑™以直接給用(yòng)戶以表述的(de)σσ≠入口便是(shì)文(wén)字了(le)，文(wén)字的(de)設置說(αδshuō)簡單也(yě)簡單，說(shu'α∏ō)麻煩也(yě)麻煩，那(nà)麽如(rú)何才能(néng)更合理(lǐ)的(de)設$↔¥♦置好(hǎo)文(wén)字字體(tǐ)的(de)大(d"γ♥à)小(xiǎo)呢(ne)？在這(zhè)裡(lǐ)徐州網絡公司的(de)網頁設計(jì)師(shī)根據自(zì)己的↑•'♦(de)經驗，簡單給大(dà)家(jiā)總'₩結了(le)三點方法。

    ®‌;    第一(y★ε™→ī)、字體(tǐ)設置使用(yòng)em單位

        在我的©♠≥(de)一(yī)些(xiē)網頁設計(jì)中對(duì)字體(tǐ)的(de)設置很(hěnαφ)少(shǎo)有(yǒu)看(kàn)到(dào)pt或者px類的(de)單位，我想使用(÷₹×¥yòng)百分(fēn)比或者相(xiàng'→↑)對(duì)的(de)方式比較好(hǎo)♣≈↑，首先我想我們應該在body裡(lǐ)面設置一(yī)個(gèε )字體(tǐ)為(wèi)百分(fēn)比的(de)單位，然後再在下(xià)文(wénπ )使用(yòng)em值，這(zhè)樣能(néng)夠避免很(hěn)多(duō)的(‌©de)麻煩，而且帶來(lái)的(de)好(h®'£ǎo)處也(yě)是(shì)顯而易見(jiàn)的(de)：

        1.能(nββéng)夠避免當我們設計(jì)流動布局時(shí)習(xí)慣性的(de)把字體(tǐ)↔÷α≈設置為(wèi)固定顯示值；

     &₹←$nbsp;  2.字體(tǐ)的(de₩≠&↕)一(yī)緻性，和(hé)相(xiàng)對∑±(duì)性，能(néng)夠突出顯示我們€→≈∑想要(yào)表達的(de)內(nèi)容；所以說(shuō)是(shì)個(gè<‍★↓)很(hěn)不(bù)錯(cuò)的(de)解決我們不∞£≈‌(bù)能(néng)夠準确的(de)把握字體(tǐ)÷☆≈大(dà)小(xiǎo)顯示的(de)方案。

    &nbs↔✔p;     &nbs®≠p;   &nbsγ↕™p; body
        &↔ε£nbsp;    ≈∑₽    {
      &nbπ♦sp;   &nb™≈≤$sp;    Ω ε¶  font-size:76%; ✔ ✔    &nb‌σδsp;   /*将body裡(lǐ)面的(de)字體(tǐ)大•₩λ(dà)小(xiǎo)值設置為(wèi)百分(fēn)數(shù)*/
    &nb★'$≈sp;   →•←;       ≥σ≤←; }
        &↕•nbsp;  &nbsδ≈¶p;    p
    &nb€™≥sp;     &n★¥↕bsp;      {
        ×↑↕;      &n≥‌☆•bsp; font-size:1em;     ₽λ;   /*接下(x✘≈ià)來(lái)我們可(kě)以随意的(de)用(yòn¥←¶>g)em給字體(tǐ)賦值*/
     &nbs ★p;       &nb★‌sp;  }
      ≥£;  不(bù)過在下(xià)提醒大(dà)家(jiā)，不(bù)要(♣✔yào)把字體(tǐ)大(dà)小(xiǎo)設置為(wèi)1em←‌以下(xià)，因為(wèi)如(rú)果按照(zhào)我剛才列出來(lái)的≠≥<φ(de)那(nà)個(gè)，文(wén)字大(dà)小(xi∏★ǎo)大(dà)約會(huì)是(shì)在12像素左右σ¶±（浏覽器(qì)默認的(de)字體(tǐ)大(dà)小(<♦"xiǎo)為(wèi)16像素）。這(zhè)對(duì)于很(hěn)多(duō‍π∞)網民(mín)都(dōu)是(shì)一(yī)個(gè)舒适的(d φ≠™e)字體(tǐ)，技(jì)能(néng)看∑δ≠(kàn)清也(yě)不(bù)擁擠。

     &¥≤ ≠nbsp;  第二、使用(yòng)關鍵字

        在使用(y∞←↓↔òng)關鍵字時(shí)，最容易出現(xiàn)問(wèn)題的(©∞∑de)浏覽器(qì)是(shì)IE6以下(xià)的(de)↕♥≤版本，所以我們可(kě)以放(fàng)心的( ©de)使用(yòng)關鍵字了(le)，有(yǒu)代碼有(yǒu)真相(xiàng)¶​：body{ font-size:small;}

        第三、使用♦§↓(yòng)樣式切換方法

     &nbs↔Ω←♥p;  這(zhè)個(gè)方法我•♦↕們感覺可(kě)能(néng)複雜(zá)一(yī)點了(le)，讓用(yòng)戶可(kě)以自♦₹<"(zì)己來(lái)切換，這(zhè)樣對(duì)用(yò £<ng)戶體(tǐ)驗來(lái)說(shuō)大(dà)大(dγλ‍ à)提高(gāo)，對(duì)于某些(xiē)浏覽器(qì)來(lái)說(s≠‌huō)，切換樣式是(shì)內(nèi)置的(de)，但(dà'≤n)這(zhè)類浏覽器(qì)中卻并沒有(yǒu)IE的(de)身(shēn)影(y₹≥♥∏ǐng)。所以為(wèi)了(le)可(© kě)讓用(yòng)戶可(kě)以切換文(wén)字的<☆(de)大(dà)小(xiǎo)，在頁面中我們必須加入相(xiàng屶)應的(de)控制(zhì)腳本。

     &nbs™σ↕♠p;  以上(shàng)由徐州億網（http://www.exz.cn）提供！新簽優化(huà)單：徐州貨架

• 上(shàng)一(yī)篇: 網站(zhàn)建設中table、di★✔  v、xhtml的(de)優缺點
• 下(xià)一(yī)篇: 徐州億網設計(jì)師(shī)分(fēn)享網站(zhàλ&n)建設五點觀點