網站建設中字型大小的選擇是多使用者體驗中的一個重要部分,過大過小都會影響多使用者體驗。在製作網頁的時候,我們可以根據文字在網頁中的不同位置和不同等級來分 別使用不同大小的字型。相對來說,內容標題可以使用較大的字型,而內容小標題可以採用次一號的字型,而內容正文則可以採用正常大小的字型。
  
對於不同的解析度,不同的顯示器尺寸,不同的 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 的差異,就可能影響這個網站的視覺效果,終影響到網站建設的質量,並影響到多使用者的體驗。作為網站建設人員就必須要掌握和了解得更多,並切實在實際中測試觀察效果,只有如此,我們才能製作出更加出色的網站。