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