關於網頁字型(轉)

post0發表於2007-08-11
關於網頁字型(轉)[@more@]

一般認為,簡體中文網頁上,漢字採用9pt(約12px)或10.5pt(約14.7px)的宋體,英文數字採用verdana 和Arial字型,看起來最舒服。同時,為了保證不同瀏覽器上字號保持一致,字號建議用點數 pt 和畫素 px 來定義。

  還有,行距則多用百分比來表示,常用的兩個值是120%和150%。我見isaac在固定了字號以後,用16pt做行距,感覺也還不錯。

  還有,個人認為,不允許使用者透過瀏覽器文字大小,來變動顯示的文字的大小,也有些不太人性化。

font-size

功能:用各種度量單位控制文字字型大小。

數值:有四種數值方式

絕對尺寸- 用具體字號表定義字型大小,可以取下列數值之一:xx - small, x-small, small, medium, large, x-large, xx-large。不同字型有不同的數值。

相對尺寸 - larger, smaller,產生的尺寸是相對於父容器字號而言的。

長度 - 用毫米(mm),釐米(cm),英寸(in),點數(pt),象素(px),pica(pc),e x(小寫字母x的高度)或em(字型高度)作為度量單位。

百分比 - 相對於其父元素字型大小的百分比。

letter-spacing

功能:控制文字元素字母間的間距,所設定的距離適用於整個元素。

數值:

normal - 正常間距,將字元間的間距復位為所有字型和字號的正常間距。

長度 - 設定字間距長度,正值表示加進父元素中繼承的正常長度,負值則?去正常長度。在數字後指定度量單位如下:mm, cm, in, pt(點數), px(象素), pc(pica), ex(小寫字母x的高度), em(大寫字母M的寬度)。

line-height

功能:設定元素中文字的行間距。

數值:

normal - 正常高度,通常為字型尺寸的 1-1.2倍,這是預設設定。

數字 - 設定元素中?行文字的距離為字型尺寸乘以這個數字。例如字型尺寸為1

0點,設定line-height為2,則間距20點。

長度 - 用標準度量單位設定間距,有些是絕對的,有些是相對的詳見letter-spacing中的說明

百分比 - 也字型尺寸的百分比設定間距。

  有了以上的解釋,就可以很容易的對MT建立的blog進行字型顯示方面的改進了。例如,如果想以10.5pt的格式顯示blog文章內容,則可把blog設為font-size: 10.5pt;將blogbody設計為font-size: normal;即可

  文後參考文獻1,對有建立網站具有普遍的參考意義,同時在網上搜到一篇word文件,與參考文獻1內容一致,放在這兒供下載。

參考文獻:

* 網頁設計規範及指令碼語言規範

* 文體與文字屬

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/8225414/viewspace-945656/,如需轉載,請註明出處,否則將追究法律責任。

相關文章