字體是網頁設計中最重要的細節，下面就是小編介紹網頁設計中字體規範，歡迎大家借鑑!
網頁設計中的字體選擇以及常用字號
字體：
中文：宋體，微軟雅黑，方正系列(無狀態)
字號：
網頁中正文/導航字號在12px-18px之間
英文可以偏小一些 10px-16px
再小識別性就不是特別好了
標題文字字號，18px，20px，24px，28px，32px， 儘可能使用雙數
網頁banner的字體選用方法是要根據banner的主題，去挑選字體，因爲字體本身也是有性格的，跟選老婆一樣性格合得來那就幸福，如果合不來總吵架這一輩子可咋過```在字庫中挑選字體時一件很讓人惱火的事，爲了方便大家使用，我把網頁設計中經常用到的字體，按照性格分了類，以下推薦這些字體，是平時工作學習中總結得出，希望能給新收一些指導，如果你是高手，有自己的一套用字方法，那當然是極好的，所以真的不必太鑽牛角尖
中規中矩，經典通用
中易宋體
Win最常見的字體，小字體點陣，大字體TrueType，但是大字體並不好看，所以最好別做標題。
微軟雅黑
Vista之後新引入的字體，打開Cleartype之後顯示效果不錯，不開Cleartype發虛。
華文細黑
Mac下的默認中文。
英文
Helvetica:
被評爲設計師最愛的字體，Realist風格，簡潔現代的線條，非常受到追捧。在Mac下面被認爲是最佳的'網頁字體，在Windows下由於Hinting的原因顯示很糟糕。
Arial:
Helvetica的「克隆」，和Helvetica非常像，細節上比如R和G有小小差別。如果字號太小，文字太多，看起來會有些累眼。Win和Mac顯示都正常
Lucida Family:
Lucida Grande是Mac OS UI的標準字體，屬於humanist風格，稍微活潑一點。Mac下的顯示要比Win下好。
Verdana:
專門爲了屏顯而設計的字體，humanist風格，在小字號下仍可以清楚顯示，但是字體細節缺失嚴重，最好別做標題。
Tahoma:
也是humanist風格，字體和Verdana有點像，但是略窄一些，counter略小，曾經是Windows的標準字體，Mac 10.5之後默認也有安裝。
Verdana：
是一套無襯線字體，由於它在小字上仍有結構清晰端整、閱讀辨識容易等高品質的表現，因而在1996年推出後即迅速成爲許多領域所愛用的標準字型之一。
Georgia:
基本上適合正文屏顯的襯線字體，非Georgia莫屬了。筆畫粗重，襯線明線，輪廓較大，小字體顯示也很清晰，同時細節還算OK。
有些偏藝術類的網站的大字會使用lobster。更藝術的網站就搜索free font，或者font freebie吧
Trebuchet、Georgia、Times New Roman、Arial、Lucida等字體在26px或更大像素時效果是比較好的，非常適合作爲正文的標題。
那些漂亮的網頁banner，它們都是用的什麼字體的?
看着那些設計各種酷炫的banner圖，這個字體是不是隨機使用?全憑設計師的感覺，無規律可循? 當然不是，設計師都是會根據bannner表達的主題，去挑選符合主題個性的字體。今兒就給大家分個類，以後再也不用爲bannner上的字體發愁了!!!
第一類，穩定型(協調，齊全，穩定，高質)
微軟雅黑
冬青黑體
宋體
華文細黑
方正正中黑
方正蘭亭系列
第二類，剛硬，銳利，清晰，強烈
造字工坊力黑體
造字工坊版黑體
造字工坊勁黑體
銳字逼格銳線體簡
張海山銳線體
華康儷金黑
蒙納超剛黑體
(更適用大氣，熱烈，權威，聲明等主題)
第三類，輕鬆，手寫，可愛，童趣，親切
方正經黑
華康海報
漢儀小麥
方正稚藝
新蒂下午茶
漢儀歪歪體
新蒂小丸子
(適用於，遊戲娛樂活動海報，h5廣告頁面，兒童/女性主題)
第四類，靈動，清新，秀雅，精緻，古韻
方正清刻本悅宋簡體
方正宋刻本秀楷體
漢儀全唐詩簡
康熙字典體
祥南行書體
造字工房刻宋
(適用於復古，典雅，傳統，品質，靈動等主題)
