網頁設計中字體規范總結

　　引導語：網頁設計中字體的選擇應該符合網頁的主題，以下是小編整理的網頁設計中字體規范總結，歡迎參考閱讀!

　　字體：

　　中文：宋體，微軟雅黑，方正系列（無狀態）

　　字號：

　　網頁中正文／導航字號在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表達的主題，去挑選符合主題個性的字體。

【網頁設計中字體規范總結】相關文章：

網頁設計中字體規范06-07

網頁設計配色及字體規范06-09

網頁設計中的字體設計07-26

網頁設計之字體設計規范06-20

網頁中字體排版設計方法07-12

網頁設計中字體和文字搭配的技巧10-01

網頁設計常用哪些字體08-05

網頁設計規范06-12

PC網頁設計尺寸規范10-25

網頁設計的標準和規范06-27