網(wǎng)站建設(shè)中的字體及字體大小的的選擇直接影響著網(wǎng)站整體的視覺效果,在某種程度上也會對網(wǎng)站優(yōu)化起到一定的作用,比如大號字體和黑體字在網(wǎng)頁上顯示更加醒目,具有加強某些信息顯示的效果,而搜索引擎也會捕捉到這些字體的大小,更重視這些大號字體和黑體字內(nèi)的信息。雖然字體種類很多,但網(wǎng)站建設(shè)者可以選擇的字體還是比較少的,主要是因為網(wǎng)站建設(shè)要以用戶體驗為中心,不能讓網(wǎng)頁太花哨,字體太多會顯得亂七八糟。同時要考慮各種瀏覽器對這些字體的兼容性,盡量不要在瀏覽器上顯示字體時變形。當然,有時為了更好地表達網(wǎng)站的主題,我們?nèi)匀恍枰x擇一些特殊的字體來制作網(wǎng)頁,然后你可以以圖片的形式顯示文本,這樣你就可以適合各種瀏覽器。下面簡單說一下如何選擇字體和字體的大小來制作網(wǎng)頁。
各種字體安裝在一般的網(wǎng)站客戶端計算機中,瀏覽器使用默認字體顯示網(wǎng)頁,如WindowsXP中文版默認字體為宋體或新宋體,后來windows在操作系統(tǒng)中,以微軟雅黑為默認字體,顯示更清晰,取代XP默認情況下,系統(tǒng)支持高清顯示ClearType功能。這些字體安裝在大多數(shù)計算機上,但是,如果你在制作網(wǎng)頁時選擇了一個特殊的字體,而這個字體在用戶的電腦那么用戶在瀏覽網(wǎng)頁時仍然不能顯示字體,這些字體仍然顯示在默認的宋體或優(yōu)雅的黑色字體中。因此,為了適合更多的用戶瀏覽,我們在制作網(wǎng)頁時應(yīng)該使用宋體或雅黑作為網(wǎng)頁的基準字體,殊字體。當您不能保證所有訪問者的計算機都安裝了所設(shè)置的字體時,使用通用字體是可行的。由于手機的屏幕尺寸和CPU處理能力有限,專門為手機優(yōu)化的網(wǎng)站更方便用戶瀏覽。這也對網(wǎng)站設(shè)計提出了新的要求:網(wǎng)站應(yīng)該適應(yīng)手機瀏覽。對于英文字體,有更多的字體類型可供選擇。這些英文字體安裝在大多數(shù)計算機上。制作網(wǎng)頁時選擇什么類型并不重要,只要看起來很漂亮。英語通用字體主要包括以下幾類:
2、cursive,這種字體是模擬人的筆跡,主要由曲線和比襯線字體更強的筆畫組成。常用的字體是ComicSans。
3、monospace,這是一種模擬打字機打字的無比例字體。這些字體中的每個字符都有相同的寬度。常用字體是Courier。
4、serif,這是一種成比例的襯線字體,這意味著字體中的所有字母都根據(jù)它們的不同尺寸占據(jù)不同的寬度。襯線是指在字體上添加裝飾線,如小寫字母,將在項和底部添加細線。常見的字體有TimesNewRoman。
在制作網(wǎng)頁時,為了確保字體能夠正確顯示在大多數(shù)瀏覽器上,并向用戶呈現(xiàn)一個美麗的界面,作者通常選擇使用系統(tǒng)的默認字體。手機網(wǎng)站成本低,使用方便是其優(yōu)勢。比如中文宋體或者新宋體,過幾天可以選擇雅黑作為默認字體,英文則選擇Arial這種字體。這樣,瀏覽器就可以正確識別和顯示用戶系統(tǒng)中的字體不足時的正常文本。同時,作者還建議大多數(shù)網(wǎng)站設(shè)計師可以選擇系統(tǒng)默認字體,而不是在網(wǎng)頁文本中使用特殊字體。如果你必須使用這些特殊的字體,作者建議你使用這些特殊的字體制作圖片,然后在網(wǎng)頁的相應(yīng)位置顯示圖片,這更好,但這實際上增加了網(wǎng)頁的體積,更多的圖片會延遲網(wǎng)頁的打開速度。
網(wǎng)站建設(shè)中字體大小的選擇是用戶體驗中的一個重要部分,過大過小都會影響用戶體驗。在制作網(wǎng)頁的時候,我們可以根據(jù)文字在網(wǎng)頁中的不同位置和不同等級來分別使用不同大小的字體。相對來說,內(nèi)容標題可以使用較大的字體,而內(nèi)容小標題可以采用次一號的字體,而內(nèi)容正文則可以采用正常大小的字體。
不同的分辨率,不同的顯示尺寸,不同的DPI,即使是不同的瀏覽器設(shè)置也會影響瀏覽器上顯示的文本大小。最好的方法是根據(jù)用戶的分辨率給用戶一個漂亮的默認字體大小。大多數(shù)專業(yè)的網(wǎng)站建設(shè)者習慣性地使用字體大小,如14px或12px,因為12px和14px基本上已經(jīng)成為大多數(shù)網(wǎng)站字體的標準尺寸,而11px、13px、15px大小涉及鋸齒問題,特別是在早期顯示器中,往往不能很好地處理文本鋸齒問題,使用單數(shù)像素,很可能導(dǎo)致鋸齒,所以通常使用偶數(shù)的大小。
在CSS描述字體大小最常用的單位有兩個,即em和px。通常認為em而相對大小的單位px絕對大小單位。但在實際應(yīng)用中,px像素有時就像一個相對大小的單位。例如,一塊15英寸的分辨率是800×在600像素屏幕上,100像素屏幕px比一塊10寸分辨率1024的文字大小×768像素屏幕上的10px大小的文字顯得更大一些。px20是像素單位px在當前的網(wǎng)頁設(shè)計中,表示20個像素大小,常被用來表示字體大小,方便直觀。比如12px,14px就是用px作為字體大小,16px18是中等字體px大字體,12px小字體。em對于相對大小的單位,表示字體大小不固定,相對大小根據(jù)基本字體大小處理。瀏覽器默認字體大小為16px,若一段文字指定1em,所以代表16px大小,而2em就是32px大小。由于其相對性,跨平臺跨設(shè)備的字體尺寸處理具有很大的優(yōu)勢,但不能直觀地看到尺寸。
以上是關(guān)于如何在網(wǎng)站建設(shè)中選擇字體和字體大小的介紹。事實上,網(wǎng)站建設(shè)是這樣的,有時甚至是1px差異可能會影響網(wǎng)站的視覺效果,最終影響網(wǎng)站建設(shè)的質(zhì)量和用戶體驗。作為一名專業(yè)的網(wǎng)站建設(shè)者,我們必須掌握和理解更多,并在實踐中有效地測試觀察效果。只有這樣,我們才能制作出更好的網(wǎng)站。
好了,今天小編就到這里。如果您對網(wǎng)站建設(shè)有任何其他問題,請隨時致電或留言。英科專業(yè)從事網(wǎng)站建設(shè)和推廣多年,經(jīng)驗豐富。