最新消息

簡單談一下制作網頁時如何選擇字體和字體大小

網站建設中的字體及字體大小的的選擇直接影響著網站整體的視覺效果,在某種程度上也會對網站優化起到一定的作用,比如大號字體和黑體字在網頁上顯示 更加醒目,具有加強某些信息顯示的效果,而搜索引擎也會捕捉到這些字體的大小,更重視這些大號字體和黑體字內的信息。雖然現在的字體種類非常多,但是可以供網站建設人員選擇的字體還是比較少的,主要是因為網站建設要以用戶體驗為中心,不能把網頁搞得太過于花哨,字體太多就顯得比較亂了,同時也要考慮到各種瀏覽器對這些字體的兼容性,盡量不讓瀏覽器上顯示字體時發生變形,那樣反而不好。當然,有時候為了更好地表達網站主題,我們還是有必要選擇某種特殊字體來制作網頁,這時你可以將文字以圖片的形式展示出來,這樣就可以適合各種瀏覽器了。下面筆者簡單談一下制作網頁如何選擇字體和字體的大小。

一、網站建設中字體的選擇:

一般網站客戶端計算機中都安裝有多種字體,瀏覽器會使用默認字體顯示網頁,如WindowsXP中文版操作統默認字體是宋體或新宋體,在后來的 windows操作系統中,以微軟雅黑為默認字體,這種字體顯示得更加清晰,取代了XP系統下默認中文宋體,支持高清顯示ClearType功能。以上這些字體在大多數電腦上都有安裝,但是,如果你在制作網頁的時候,如果選擇了比較特殊的字體,而這種字體用戶電腦里并沒有,那么用戶瀏覽網頁時仍不能顯示這些字體,這些字體仍以默認的宋體或者雅黑字體來顯示。所以,為了適合更多的用戶瀏覽,我們在制作網頁的時候應該使用宋體或者雅黑來作為網頁的基準字體,盡量少使用特殊字體。當你不能確保所設置字體在所有瀏覽者電腦中都安裝時,使用一種通用字體是可行的辦法。而對于英文字體,可選擇的字體類型相對會多一些,絕大多數電腦上都裝有這些英文字體,制作網頁時選擇什么類型關系并不太大,只要看著美觀就行。英文通用字體主要包括下面幾類:

1、sans-serif,這種字體是一種有比例但沒有襯線字體,常見字體是Arial。

2、cursive,這種字體是模擬人的筆跡,這種字體大部分是由曲線和比襯線字體更強筆畫修飾組成,常用字體是ComicSans。

3、monospace,這是一種無比例字體,用于模擬打字機打出字體,這些字體中每個字符都占有同樣寬度,常用字體是Courier。

4、serif,這是一種成比例有襯線字體,成比例是指字體中所有字母根據它們不同尺寸占據不同寬度。襯線是指字體上附加裝飾性細線,如小寫字母會在項部和底部附加細線。常用字體有Times New Roman。

在制作網頁的時候,為了保證在大多數瀏覽器上都能正確顯示字體,給用戶呈現出美觀的界面,筆者通常都是選擇使用系統默認字體,如中文宋體或新宋體,過些時日可以選擇雅黑作為默認字體,英文則選擇Arial這種字體。這樣可以保證用戶系統中字體缺乏時,瀏覽器也能夠正確識別并 顯示出正常的文字。同時筆者也建議大多的網站設計者都能夠選擇系統默認的字體,不要把特殊的字體運用在網頁的文字中。如果非要使用這些特殊的字體,筆者建議您使用這些特殊字體制作成圖片,然后將圖片顯示在網頁上的相應位置,這樣做法更好一些,但這無形中增大了網頁的體積,這樣的圖片多了會延緩網頁打開速度。

二、網站建設中如何選擇字體的大小

網站建設中字體大小的選擇是用戶體驗中的一個重要部分,過大過小都會影響用戶體驗。在制作網頁的時候,我們可以根據文字在網頁中的不同位置和不同等級來分 別使用不同大小的字體。相對來說,內容標題可以使用較大的字體,而內容小標題可以采用次一號的字體,而內容正文則可以采用正常大小的字體。

對于不同的分辨率,不同的顯示器尺寸,不同的DPI,乃至不同的瀏覽器設置,都會對最終在瀏覽器上展現出來的文字大小帶來影響。最好的方式還是在網頁制作時根據用戶的分辨率給用戶一個比較美觀的默認字體大小。大多數專業的網站建設人員,都會習慣性的使用某一字體大小,比如14px或 12px,因為12px和14px基本已經成了大多數網站字體的標準大小,而11px、13px、15px等大小則涉及到一個鋸齒的問題,特別是在早期的顯示器中,往往不能很好的處理文字的鋸齒問題,使用單數的像素,極有可能造成鋸齒,所以通常采用偶數的大小。

在CSS中,最常用的描述字體大小的單位有兩個,即em和px。通常認為em為相對大小單位,而px為絕對大小單位。但從實際應用中來講,px像素有時也像是一種相對大小單位。比如,在一塊15寸分辨率為800×600像素的屏幕上,10px大小的文字,要比一塊10寸分辨率1024×768像素的屏幕上的10px大小的文字顯得更大一些。px為像素單位,20px表示20個像素大小,在現在的網頁設計中,常被用來表示字體大小,方便且直觀。比如12px,14px就是用px作為字體大小,而16px為中等字體,18px為較大字體,12px為偏小字體。em為相對大小單位,它表示的字體大小不固定,根據基礎字體大小進行相對大小的處理。瀏覽器默認的字體大小為 16px,如果一段文字指定1em,那么就是代表16px大小,而2em就是32px大小。相對大小單位有很廣泛的用途,由于它的相對性,對跨平臺跨設備的字體大小處理上很有優勢,只是無法直觀的看到大小。

以上是關于在網站建設中如何選擇字體和字體大小的介紹。其實網站建設就是這樣,有的時候就算是1px的差異,就可能影響這個網站的視覺效果,最終影響到網站建設的質量,并影響到用戶的體驗。作為專業網站建設人員就必須要掌握和了解得更多,并切實在實際中測試觀察效果,只有如此,我們才能制作出更加出色的網站。

返回列表
top

021-68595066

COPYRIGHT ? 2009-2020 www.021754.buzz All RIGHT RESERVED

滬ICP備09063978號-4

天天捕鱼图片