網(wǎng)站建設(shè)中的字體及字體大小的的選擇直接影響著網(wǎng)站整體的視覺效果，在某種程度上也會(huì)對(duì)網(wǎng)站優(yōu)化起到一定的作用，比如大號(hào)字體和黑體字在網(wǎng)頁(yè)上顯示更加醒目，具有加強(qiáng)某些信息顯示的效果，而搜索引擎也會(huì)捕捉到這些字體的大小，更重視這些大號(hào)字體和黑體字內(nèi)的信息。雖然字體種類很多，但網(wǎng)站建設(shè)者可以選擇的字體還是比較少的，主要是因?yàn)?strong>網(wǎng)站建設(shè)要以用戶體驗(yàn)為中心，不能讓網(wǎng)頁(yè)太花哨，字體太多會(huì)顯得亂七八糟。同時(shí)要考慮各種瀏覽器對(duì)這些字體的兼容性，盡量不要在瀏覽器上顯示字體時(shí)變形。當(dāng)然，有時(shí)為了更好地表達(dá)網(wǎng)站的主題，我們?nèi)匀恍枰x擇一些特殊的字體來(lái)制作網(wǎng)頁(yè)，然后你可以以圖片的形式顯示文本，這樣你就可以適合各種瀏覽器。下面簡(jiǎn)單說(shuō)一下如何選擇字體和字體的大小來(lái)制作網(wǎng)頁(yè)。

　　各種字體安裝在一般的網(wǎng)站客戶端計(jì)算機(jī)中，瀏覽器使用默認(rèn)字體顯示網(wǎng)頁(yè)，如WindowsXP中文版默認(rèn)字體為宋體或新宋體，后來(lái)windows在操作系統(tǒng)中，以微軟雅黑為默認(rèn)字體，顯示更清晰，取代XP默認(rèn)情況下，系統(tǒng)支持高清顯示ClearType功能。這些字體安裝在大多數(shù)計(jì)算機(jī)上，但是，如果你在制作網(wǎng)頁(yè)時(shí)選擇了一個(gè)特殊的字體，而這個(gè)字體在用戶的電腦那么用戶在瀏覽網(wǎng)頁(yè)時(shí)仍然不能顯示字體，這些字體仍然顯示在默認(rèn)的宋體或優(yōu)雅的黑色字體中。因此，為了適合更多的用戶瀏覽，我們?cè)谥谱骶W(wǎng)頁(yè)時(shí)應(yīng)該使用宋體或雅黑作為網(wǎng)頁(yè)的基準(zhǔn)字體，殊字體。當(dāng)您不能保證所有訪問者的計(jì)算機(jī)都安裝了所設(shè)置的字體時(shí)，使用通用字體是可行的。由于手機(jī)的屏幕尺寸和CPU處理能力有限，專門為手機(jī)優(yōu)化的網(wǎng)站更方便用戶瀏覽。這也對(duì)網(wǎng)站設(shè)計(jì)提出了新的要求：網(wǎng)站應(yīng)該適應(yīng)手機(jī)瀏覽。對(duì)于英文字體，有更多的字體類型可供選擇。這些英文字體安裝在大多數(shù)計(jì)算機(jī)上。制作網(wǎng)頁(yè)時(shí)選擇什么類型并不重要，只要看起來(lái)很漂亮。英語(yǔ)通用字體主要包括以下幾類：

　　2、cursive，這種字體是模擬人的筆跡，主要由曲線和比襯線字體更強(qiáng)的筆畫組成。常用的字體是ComicSans。

　　3、monospace，這是一種模擬打字機(jī)打字的無(wú)比例字體。這些字體中的每個(gè)字符都有相同的寬度。常用字體是Courier。

　　4、serif，這是一種成比例的襯線字體，這意味著字體中的所有字母都根據(jù)它們的不同尺寸占據(jù)不同的寬度。襯線是指在字體上添加裝飾線，如小寫字母，將在項(xiàng)和底部添加細(xì)線。常見的字體有TimesNewRoman。

　　在制作網(wǎng)頁(yè)時(shí)，為了確保字體能夠正確顯示在大多數(shù)瀏覽器上，并向用戶呈現(xiàn)一個(gè)美麗的界面，作者通常選擇使用系統(tǒng)的默認(rèn)字體。手機(jī)網(wǎng)站成本低，使用方便是其優(yōu)勢(shì)。比如中文宋體或者新宋體，過幾天可以選擇雅黑作為默認(rèn)字體，英文則選擇Arial這種字體。這樣，瀏覽器就可以正確識(shí)別和顯示用戶系統(tǒng)中的字體不足時(shí)的正常文本。同時(shí)，作者還建議大多數(shù)網(wǎng)站設(shè)計(jì)師可以選擇系統(tǒng)默認(rèn)字體，而不是在網(wǎng)頁(yè)文本中使用特殊字體。如果你必須使用這些特殊的字體，作者建議你使用這些特殊的字體制作圖片，然后在網(wǎng)頁(yè)的相應(yīng)位置顯示圖片，這更好，但這實(shí)際上增加了網(wǎng)頁(yè)的體積，更多的圖片會(huì)延遲網(wǎng)頁(yè)的打開速度。

　　網(wǎng)站建設(shè)中字體大小的選擇是用戶體驗(yàn)中的一個(gè)重要部分，過大過小都會(huì)影響用戶體驗(yàn)。在制作網(wǎng)頁(yè)的時(shí)候，我們可以根據(jù)文字在網(wǎng)頁(yè)中的不同位置和不同等級(jí)來(lái)分別使用不同大小的字體。相對(duì)來(lái)說(shuō)，內(nèi)容標(biāo)題可以使用較大的字體，而內(nèi)容小標(biāo)題可以采用次一號(hào)的字體，而內(nèi)容正文則可以采用正常大小的字體。

　　不同的分辨率，不同的顯示尺寸，不同的DPI，即使是不同的瀏覽器設(shè)置也會(huì)影響瀏覽器上顯示的文本大小。最好的方法是根據(jù)用戶的分辨率給用戶一個(gè)漂亮的默認(rèn)字體大小。大多數(shù)專業(yè)的網(wǎng)站建設(shè)者習(xí)慣性地使用字體大小，如14px或12px，因?yàn)?2px和14px基本上已經(jīng)成為大多數(shù)網(wǎng)站字體的標(biāo)準(zhǔn)尺寸，而11px、13px、15px大小涉及鋸齒問題，特別是在早期顯示器中，往往不能很好地處理文本鋸齒問題，使用單數(shù)像素，很可能導(dǎo)致鋸齒，所以通常使用偶數(shù)的大小。

　　在CSS描述字體大小最常用的單位有兩個(gè)，即em和px。通常認(rèn)為em而相對(duì)大小的單位px絕對(duì)大小單位。但在實(shí)際應(yīng)用中，px像素有時(shí)就像一個(gè)相對(duì)大小的單位。例如，一塊15英寸的分辨率是800×在600像素屏幕上，100像素屏幕px比一塊10寸分辨率1024的文字大小×768像素屏幕上的10px大小的文字顯得更大一些。px20是像素單位px在當(dāng)前的網(wǎng)頁(yè)設(shè)計(jì)中，表示20個(gè)像素大小，常被用來(lái)表示字體大小，方便直觀。比如12px，14px就是用px作為字體大小，16px18是中等字體px大字體，12px小字體。em對(duì)于相對(duì)大小的單位，表示字體大小不固定，相對(duì)大小根據(jù)基本字體大小處理。瀏覽器默認(rèn)字體大小為16px，若一段文字指定1em，所以代表16px大小，而2em就是32px大小。由于其相對(duì)性，跨平臺(tái)跨設(shè)備的字體尺寸處理具有很大的優(yōu)勢(shì)，但不能直觀地看到尺寸。

　　以上是關(guān)于如何在網(wǎng)站建設(shè)中選擇字體和字體大小的介紹。事實(shí)上，網(wǎng)站建設(shè)是這樣的，有時(shí)甚至是1px差異可能會(huì)影響網(wǎng)站的視覺效果，最終影響網(wǎng)站建設(shè)的質(zhì)量和用戶體驗(yàn)。作為一名專業(yè)的網(wǎng)站建設(shè)者，我們必須掌握和理解更多，并在實(shí)踐中有效地測(cè)試觀察效果。只有這樣，我們才能制作出更好的網(wǎng)站。

　　好了，今天小編就到這里。如果您對(duì)網(wǎng)站建設(shè)有任何其他問題，請(qǐng)隨時(shí)致電或留言。英科專業(yè)從事網(wǎng)站建設(shè)和推廣多年，經(jīng)驗(yàn)豐富。