網站建設中的字型及字型大小的的選擇直接影響着網站整體的視覺效果,在某種程度上也會對網站優化起到一定的作用,比如大號字型和黑體字在網頁上顯示 更加醒目,具有加強某些資訊顯示的效果,而搜索引擎也會捕捉到這些字型的大小,更重視這些大號字型和黑體字內的資訊。雖然現在的字型種類非常多,但是可以供網站建設人員選擇的字型還是比較少的,主要是因為網站建設要以多用户體驗為中心,不能把網頁搞得太過於花哨,字型太多就顯得比較亂了,同時也要考慮到各種瀏覽器對這些字型的相容性,儘量不讓瀏覽器上顯示字型時發生變形,那樣反而不好。當然,有時候為了更好地表達網站主題,我們還是有必要選擇某種特殊字型來製作網頁,這時您可以將文字以圖片的形式展示出來,這樣就可以適合各種瀏覽器了。下面筆者簡單談一下製作網頁如何選擇字型和字型的大小。
一般網站客户端計算機中都安裝有多種字型,瀏覽器會使用預設字型顯示網頁,如 WindowsXP 中文版操作統預設字型是宋體或新宋體,在後來的 windows 作業系統中,以微軟雅黑為預設字型,這種字型顯示得更加清晰,取代了 XP 系統下預設中文宋體,支持高清顯示 ClearType 功能。以上這些字型在大多數電腦上都有安裝,但是,如果您在製作網頁的時候,如果選擇了比較特殊的字型,而這種字型多用户電腦裏並沒有,那麼多用户瀏覽網頁時仍不能顯示這些字型,這些字型仍以預設的宋體或者雅黑字型來顯示。所以,為了適合更多的多用户瀏覽,我們在製作網頁的時候應該使用宋體或者雅黑來作為網頁的基準字型,儘量少使用特殊字型。當您不能確保所設定字型在所有瀏覽者電腦中都安裝時,使用一種通用字型是可行的辦法。而對於英文字型,可選擇的字型型別相對會多一些,絕大多數電腦上都裝有這些英文字型,製作網頁時選擇什麼型別關係並不太大,只要看着美觀就行。英文通用字型主要包括下面幾類:
1 、 sans-serif,這種字型是一種有比例但沒有襯線字型,常見字型是 Arial 。
2 、 cursive,這種字型是模擬人的筆跡,這種字型大部分是由曲線和比襯線字型更強筆畫修飾組成,常用字型是 ComicSans 。
3 、 monospace,這是一種無比例字型,用於模擬打字機打出字型,這些字型中每個字元都佔有同樣寬度,常用字型是 Courier 。
4 、 serif,這是一種成比例有襯線字型,成比例是指字型中所有字母根據它們不同尺寸佔據不同寬度。襯線是指字型上附加裝飾性細線,如小寫字母會在項部和底部附加細線。常用字型有 Times New Roman 。
在製作網頁的時候,為了保證在大多數瀏覽器上都能正確顯示字型,給多用户呈現出美觀的介面,筆者通常都是選擇使用系統預設字型,如中文宋體或新宋體,過些時日可以選擇雅黑作為預設字型,英文則選擇 Arial 這種字型。這樣可以保證多用户系統中字型缺乏時,瀏覽器也能夠正確識別並 顯示出正常的文字。同時筆者也建議大多的網站設計者都能夠選擇系統預設的字型,不要把特殊的字型運用在網頁的文字中。如果非要使用這些特殊的字型,筆者建議您使用這些特殊字型製作成圖片,然後將圖片顯示在網頁上的相應位置,這樣做法更好一些,但這無形中增大了網頁的體積,這樣的圖片多了會延緩網頁開啓速度。