-、字體

常用字體一般分為“英文字體”和“中文字體”。

在英文站方面，國外的很多東西不是免費(fèi)的，當(dāng)然也包括英文字體，所以你的網(wǎng)站字體不要選擇那些太有個性的字體，因?yàn)槟愕脑L客可能電腦上根本就沒有下載這個字體，從而導(dǎo)致網(wǎng)站所要表達(dá)的信息不能完美的詮釋。那么國外瀏覽者PC中常有的字體有Arial,Tahoma,Times New Roman, and Verdana。中文站方面呢，普通的大眾絕對沒有自己去下字體安裝的愛好，- -般的字體全是XP或其他系統(tǒng)自帶的，選擇宋體肯定是不會錯的。其他楷體等等可以自己斟酌選擇。注意，那個漂亮的微軟雅黑字體也不是每個人都裝了的,XP系統(tǒng)以上的版本默認(rèn)字體可能是微軟雅黑，但微軟雅黑和宋體還是有所區(qū)別的,特別是在行高上，網(wǎng)上也有解決XP和WIN7字體的方法，感謝一-下我同事將電腦給我做測試，我終于成功將WIN7和XP的宋體相互轉(zhuǎn)化，具體方法參考“系統(tǒng)字體替換工具”
而平時我們用的就是中英文數(shù)字混搭的比較多，這幾種字體我們用的時候，他們所在瀏覽器中顯示的也不完全一樣

1) Tahoma& Arial 字體比較

(1)字體下劃線問題:Tahoma在ie6'下的li元素里面顯示很好，其他的所有瀏覽器中，下劃線都會粘連中文文字，英文問題沒有粘連;但是Arial字體除了ie6, firefox3.6 以上，其他瀏覽器都是下劃線粘貼著文字，Windows 和Mac都預(yù)裝了這款A(yù)rial字體，應(yīng)該是使用最廣泛的網(wǎng)頁字體了。

(2) 13px 中文問題: ie6 和firefox3.6以上顯示很難看，用的是14號字體，其他瀏覽器都用12px字體顯示的(Arial 字體比Tahoma字體好看點(diǎn))

(3) 中英文混排問題:同一行中出現(xiàn)了中文和英文，如果設(shè)置了vertical-align屬性，會出現(xiàn)高低不齊的現(xiàn)象。ie7 出現(xiàn)了錯位。zoom:1 可以解決一部分問 題。

(4)設(shè)置Tahoma字體后可以使表單元素和label對齊(比如radio,check ,text,select和相應(yīng)的文本對齊，同時設(shè)置兩者vertical-align:middle )

2)宋體的問題(又名SimSun)，unicode 編碼\5b8b\4f53

(1) Opera 下，只認(rèn)"宋體"， 不認(rèn)SimSunfont: 12px arial;此時，Opera 默認(rèn)中文字體就是宋體，font: 12px sans-serif;此時，Opera默認(rèn)中文字體就是宋體。font: 12px tahoma,rial,simsun,sans-serif;對于宋體'來說，如果后面已經(jīng)沒有中文字體，用simsun還是ok的。
我一-般選用寫樣式都會這樣去寫font:: normal 12px "\5b8b\4f53";這里我沒有在樣式里直接寫“宋體”是考慮到編碼問題,還有-一個重要問題是在IE瀏覽器下中英文混排的時候,如果你定義了英文字體,那會導(dǎo)致中英文混排默認(rèn)情況下的行高會發(fā)生變化，我們都知道英文和數(shù)字在默認(rèn)情況下都較難看，我們定義了tahoma,arial,就是為了讓他們美觀些，可是IE和Firefox下的行高會不同，會產(chǎn)生兼容問題，所以如果不考慮兼容問題可以定義英文字體，相反還是以宋體為主吧。由于目前主流瀏覽器對于字體的支持不是很好，所以建議字體一定要選擇 大眾化字體，種類選擇.上盡量不要超過三種。不過現(xiàn)在CSS3中對外部調(diào)用字體已經(jīng)可以實(shí)現(xiàn)用@Font-Face 可實(shí)現(xiàn)定制字體，(其實(shí)瀏覽器的默認(rèn)字體是可以更改的，由于涉及的瀏覽器較多較復(fù)雜這里就不一-- ~闡述 了)

二、字號

在互聯(lián)網(wǎng)普及之初，英文網(wǎng)頁占的比例比較大。由于英文字母相對漢字來說超簡單，都沒有筆畫是否復(fù)雜- -說，英文的小字體總是能顯得很簡潔、清晰，絕大部分英文網(wǎng)站的主體內(nèi)容都是選擇小號字體9px，10px,11px，12px,13px大小的字體在英文網(wǎng)頁中十分常見，外國人也習(xí)慣看小號字體了。中 文網(wǎng)頁不能照搬英文網(wǎng)頁的設(shè)計(jì)，主要是因?yàn)閮煞N語言的字體表現(xiàn)形式完全不一樣, 中文網(wǎng)頁中字體大小在10px以下看不清,一般要達(dá)到 12px才有不錯的效果。目前來看，12個像素和14個像素大小的宋體在可閱讀性和美觀上結(jié)合的是最好的。比12個像素再小的話，可閱讀性和美觀性都沒有了。比14個像素大的話，可閱讀性當(dāng)然是有的，但是美觀性就差了- -些。所以基本上所有的中文網(wǎng)站都是以這兩個大小的文字來呈現(xiàn)的。字體大小的選擇建議: 英文網(wǎng)站字體大小可以選擇11px，13px， 15px等字體大小，中文網(wǎng)站字體大小可以選擇12px，14px， 16px 等字體大小。也有的時候字體的大小用pt不是px,他們代表的含義不同,相應(yīng)的數(shù)值也不同,這個根據(jù)個人的喜好而定。(注: Google Chrome 瀏覽器默認(rèn)情況下不支持中文小于12號字體，可以通過

三、粗細(xì)

我覺得文字的精細(xì)主要取決于網(wǎng)頁的實(shí)際情況,加粗的目地--般都是為了加強(qiáng)突出內(nèi)容之前的區(qū)分，需要--定的用戶體驗(yàn)，到底什么時候加粗什么時候不加粗需要我們對整體網(wǎng)頁的理解。.

四、顏色

字體的顏色直接會體現(xiàn)在網(wǎng)頁的整體風(fēng)格上,黑色,灰色,白色的搭配給人沉悶，中庸，職業(yè)，嚴(yán)肅等感覺，如果在適當(dāng)?shù)牡胤郊尤胄┰S紅色，則會顯得充滿刺激的快感，并且總能吸引眾人的目光。字體顏色的選擇非常的重要，而且也非常的深奧，我一-般網(wǎng)頁的主體顏色用灰色(33333)不建議用純黑色，我覺得看多了會引起眼部疲勞，如果是起輔助的文字顏色，用比333333更低的灰度顏色，如果是鏈接用藍(lán)色( #2850a0)如果是起區(qū)別和對比作用的我一般用橙色( #ff6600)、紅色(#f0000)。當(dāng)然顏色值不是固定，主要取決于網(wǎng)頁的整體風(fēng)格。htmK{-webkit-text-size-adjust:none解決這個問題)