網頁設計中最常用的字體有哪些

相關推薦

網頁設計中最常用的字體有哪些

　　很多網頁設計的伙伴一遇到字體就頭痛，到底用哪款字體比較適合在網頁中顯示呢?下面由小編跟大家分享網頁設計中最常用的字體，歡迎大家學習與借鑒!

　　網頁設計中最的字體有哪些

　　1、英文字體

　　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之后默認也有安裝。

　　Trebuchet MS:

　　為微軟設計的一個humanist風格字體，個人覺得個性太過突出，用得不好會不搭。

　　2、中文字體

　　中易宋體：

　　Win最常見的字體，小字體點陣，大字體TrueType，但是大字體并不好看，所以最好別做標題。

　　微軟雅黑：

　　Vista之后新引入的字體，打開Cleartype之后顯示效果不錯，不開Cleartype發虛。

　　華文細黑：

　　Mac下的默認中文。

　　網頁設計字體基礎篇

　　字體之間最大的差異在于字體與字體之間，形體的差異。但是很多字體（特別是英文字體）之間，差異不大，有些新字體甚至是對已有字體進行了細微的改造后產生的。于是，就把字體分成了五個系列：襯線字體（serif）、無襯線字體（sans-serif）、等寬字體（Fixed-width Fonts）、仿手寫字體（Cursive Fonts）、裝飾用字體（Fantasy Fonts）。

　　1、襯線字體

　　【襯線】指的是是在字的筆畫開始、結束的地方有額外的裝飾，而且筆畫的粗細會有所不同,所以【襯線】又被稱為【字腳】。

　　優點：襯線字體容易識別，它強調了每個字母筆畫的開始和結束，因此易讀性比較高，在整文閱讀的情況下，適合使用serif字體進行排版，易于換行閱讀的識別性，避免發生行間的閱讀錯誤和產生視覺疲勞。相對于襯線體的機械冰冷，而襯線字體更為嚴肅莊重，更具有溫度，古典的美感。所以在書籍、報紙和雜志中大段落文字的排版，襯線體始終占據著壓倒性的優勢。

　　2、無襯線字體

　　無襯線體（Sans-serif）專指西文中沒有襯線的字體，與漢字字體中的黑體相對應。與襯線字體相反，該類字體通常是機械的和統一線條的，它們往往擁有相同的曲率，筆直的線條，銳利的轉角。

　　優點：因為無襯線的字體結構簡單，在同等字號下，無襯線的字體看上去要比有襯線的更大，結構也更清晰，所以在分辨率較低的電子屏幕，和移動設備上無襯線體有著很明顯的優勢。因為天然的技術感和理性氣質，無襯線字體多為科技型企業所青睞。

　　3、等寬字體

　　等寬字體（monospaced font）是指字符寬度相同的電腦字體。在傳統西文印刷中，比例字體可以提高單詞的可讀性。但因早期的電腦顯示器、打字機，由于技術的局限，無法進行字母寬度的比例調整，因此將每個字元都制作成一樣的寬度，從而形成了等寬字體。

　　優點：精確性高，多用于程序編程。由程序猿的工作特性：編寫代碼。編寫代碼這種工作具有一個其他文字工作所不具有的特殊要求：就是編寫出來的代碼要求在每一個單個字符的級別上做到100%的精確性。

　　4、仿手寫字體

　　仿手寫字體（Cursive Fonts）顧名思義就是模仿手寫字體。手寫體，比較個性，通常用于標題、Logo等等。手寫體是一款優點和缺點都比較明顯的字體。

　　優點：特征比較明顯、風格多樣化、字體連貫流暢、觀賞性極佳，具有一定的藝術性。多用于節日，藝術性，個性化企業等網頁。

　　缺點：就是字符占位比較大，識別困難。不利于閱讀，字體文件相對比較大，影響網頁加載速度。

　　5、裝飾用字體

　　裝飾用字體。多數用于標題，極具個性。

　　裝飾用字體極具個性，字體繁多，藝術字體無法對其的大小、形狀下一個統一的定論，所以沒有默認字體，實用性差，在網頁中，也通常很少用到，除非你有特殊的用處創意性的設計。

【網頁設計中最的字體有哪些】相關文章：