1如何為網站選擇正確的字體

一般來說，創建網站常用字體有四種類型：serif，sans-serif，script和decorative。了解這些字體的用途以及它們與之相關的感受將幫助您為您的網站做出正確的選擇。如何為網站選擇正確的字體？下面就來看看吧。

襯線

襯線(Serif)字體是商業，報紙和博客的首選。因此，它被視為專業，傳統和可靠。如果您要創建涉及大量閱讀的網站，使用可讀的Serif字體。 對于想要認真對待的網站而言，這是的! 那些小線條可以產生很大的不同作用。

無襯線

簡單而簡約的無襯線文字非常適合想要散發現代感的公司。 在某些情況下，Sans-serif可以更具可讀性，例如文本段落或為幼兒設計時。 襯線主體的標題和文字是一種流行的組合。

腳本

優雅的腳本字體雖然不適合正文，但卻是為您的網站添加創意觸摸的好方法。 適合時尚，創意公司，博客等!

裝飾文本

最后，裝飾文本屬于自己的范疇。 雖然它應該謹慎使用，但它可以成為您網站風格的絕佳方式。 但是，與腳本源不同，它幾乎不應該用于專業網站。

考慮您的目標受眾。您是否瞄準具有引人注目的裝飾字體的兒童?一個現代觀眾回應無襯線和腳本，或欣賞傳統的無襯線?記住您的受眾并選擇最合適的字體。

限制你的選擇

在構建網站時，使用有限的“字體調色板”。就像藝術家的調色板一樣，太多的字體會使網站看起來很雜亂，所以選擇1-4個好的字體!

與他們的用法保持一致。主文本有一種字體，一種用于標題，一種用于文本導航，依此類推。

但是如何配對呢?一些字體看起來比其他字體更好。有兩種很好的方法可以配對字體：基于相似功能或對比度。

您可以使用高、柔和或無襯線的字體。你也可以用對比作為決定因素;使用無襯線作為標題和襯線的身體，或選擇一個較重的重量和線條粗細為您網站更大膽的文本。實驗，看看哪些字體和諧!

標題與正文

每種字體都有時間和地點。不同的字體適用于不同的場合，但這在標題與正文中最為明顯。

可讀性對于網站上的大多數文本至關重要。對于正文，襯線或無襯線總是的 - 特別是對于較長的段落。但是在標題，徽標或其他短文本中，選擇更大膽，更高，更具表現力的字體可能會更好，但這種字體不適合長時間閱讀。

腳本和裝飾字體只能在標題或簡短的模糊中使用，因為它們的易讀性很低。

選擇完美字體

可能很難找到完美的字體組合，但找到有效的東西并不難。排版不難進入，但它是一種微妙的藝術。你能做的的事情就是嘗試一切。

找出哪些有效，什么無效，以及為什么。研究網站的文本并了解正在使用的方法。很快你就會更好地理解排版，并且你可以在任何情況下選擇的字體。

---

2網站類型如何選擇字體

英文網站的字體選擇：不同的字體在網站中的樣式也不一樣，并且一些字體是需要收費的，盡量不要使用一些過于稀有個性的字體樣式，因為網站上使用的字體必須瀏覽者網站上有才能正常顯示，如果用戶電腦上沒裝字體，就會容易出錯，在網絡剛發展那幾年，網站大部分都是英文語言。因為英文只有26個，比漢字的組成意義要容易，沒有這么多的筆畫，具有簡約的特點，不少的英文站用的字體都不大，10像素、12像素是常見的，國外的網民甚至都養成了看小字母的習慣!所以在建英文網站時我們用14像素左右的字體即可!

中文網站的字體選擇：中文網站方面由于我們的上網習慣跟國外是不一樣的，我們并不喜歡看小字，也不太習慣去給電腦安裝一些亂七八糟的字體，就是在建網站時只要用了不是系統默認的字體就基本上不會正常顯示了，從省事的角度來說，只用系統默認字體就可以了，不夸張的說宋體雅黑什么的可以用一輩子。所以在建設中文網站時盡量不要選擇個性字體，根據設計原則，網站上總的來說不要多于3種字體!

網站字體的色彩選擇：決定用什么字體后可以考慮給字體添加顏色，也就是字體樣式的color屬性，網站字體的顏色一般需要根據整體的風格進行搭配選擇，與圖片及背景等元素的色彩相呼應，常見的多為樸素的深灰色，黑色，超鏈接文字一般為藍色，警示提醒類文字一般采用紅色等明顯的顏色，綠色就代表健康，環保，多出現于食品或環保類企業網站!

選擇網站字體時要注重其它問題，不只是字體的大小樣式及顏色，字體在網站中還有其它的表現形式，比如有圖標型字體，把字體做成圖標存儲在服務器上。還可以給字體添加加粗，H標簽，刪除線或下劃線等等，根據不同的排版對字體加以修飾，使其符合建網站所設計的風格。渾厚粗體字用于健身或機械企業類型，細黑字體用于女性用品，不同的字體所表達的意境也不一樣，

---

3網站當中常用的字體

1、微軟雅黑

Vista之后新引入的字體，這個字體的使用率不用說了，可以說是web里面最安全的一個字體。字體方正、簡潔，被廣泛使用。

2、黑體

黑體字和微軟雅黑差不多，作為非稱線字中的一種，一樣具備方正、簡潔、醒目的特點。這樣的字體特別適合當標題。其實黑體在使用上沒有微軟雅黑來得清晰明亮，一般在微軟雅黑和黑體的選擇下，個人更傾向微軟雅黑。

3、Arial

說到Arial，這套字體是微軟公司網頁核心字體之一，最常用的sans serif字體，當字號很小時不容易閱讀。但是，大寫的“I”和小寫的“l”是無法區別的，所以一般可以考慮用Tahoma字體來替代。這套字體方正、不花巧、方便閱讀和印刷清晰。使用范圍也是特別的廣泛。但是要知道的是，蘋果系統下是沒有這套字體的，蘋果系統下默認的是Helvetica。

4、Tahoma

ahoma是英文Windows操作系統的默認字體，這個字體比較均衡，是種非常圓滑的字體。這個字體和中文混排顯示時，不會出現中英文不對齊的狀態。這套字體解決了Arial大寫“I”與小寫“l”難以分辨的問題。也相當于在Arial上優化了不少。除此，細看這套字體，可以發現其實在一些筆劃的處理上還是很精致的。

5、Georgia

說到英文的稱線字，肯定首選是Georgia。這套字體筆劃粗重，襯線明線，輪廓較大，小字體顯示也很清晰，同時細節還不錯。此種字體風格優雅又精致，可用于電影海報、游戲、時尚類網頁設計中。

在專業的網頁設計里，除了Banner圖、廣告語等特殊情況可能會用到特殊字體，網頁中使用的字體以不超過2種為準，并且采用標準字體，比如中文的宋體、微軟雅黑，英文的Arial、Helvetica。只有使用這些系統自帶的字體，才能讓前端開發人員在排版時高程度地還原設計稿的文字效果。倘若使用了特殊字體，在設計font-family的時候，應該多設置幾種字體的優先順序，以確保網頁顯示的最佳效果。當然，我們一般情況下建議使用系統自帶的字體。

---

4網站字體選擇注意事項

1. 不要使用變形的字體。

可能孩子的生日派對邀請函上會使用這種字體，但如果你想要別人認真對待你的網站，千萬不要使用這種變形的字體。

每種字體都有自己的個性(就像前面說過的一樣)。不同的字體會讓人對你的網站和品牌產生不同的印象。

比如，Papyrus字體會讓人想到古代文明。你會聯想到埃及木乃伊電影，而不會聯想到理財網站。

當然這些字體在一些有趣的或者愛好類網站中很有市場，但如果你想要自己的網站夠專業，千萬不要選擇它們。

2. 不要使用凌亂的字體造成閱讀困難

為主要內容選擇字體設計和為標題、logo等選擇字體是不同的。

網站內容的作用，是向閱讀者傳達產品或服務相關的有用信息，因此易讀性是非常重要的。

要選擇設計感太重的字體，以免造成閱讀困難。

這些是我喜歡的免費字體風格，很多優秀的網站建設工具都能找到。

如果你有疑問，可以參考下面這幾種字體，適用于大多數場合：

仍然覺得選擇合適的字體很麻煩?

這是Basekit的字體設計流程圖(Font Design Flow Chart)，可以幫你為內容區域選擇合適的字體：

3. 行間距太小

讓內容更便于閱讀的最簡單的方法之一，就是增加行間距。

完美的行間距應該是相應字號的150%。

比如，如果字號是24px，行間距就應該是36px(24px×150%)：

4.不要使用太多不同的字體設計

“少即是多”，設計中永遠適用的準則。

網站上的字體設計不宜超過四種。

·大標題、網頁標題一種

·副標題一種(可選--這不是一個必選項。副標題可以跟主體內容使用同個字體，只需要改變一下字號，讓副標題更突出即可)

·主體內容區域一種

·引用內容一種

字體太多會讓網站看起來混亂且不專業。人們可能需要花費很多時間來弄清楚你想要傳達的信息。

所以，請不要讓網站使用的字體超過四種。

5.要使用太多字體顏色

顏色是樹立品牌形象的強大工具。

提起星巴克，你會想到什么顏色?大部分人想到的肯定是它們logo和網站中使用的綠色。

為字體選擇顏色時，請只選擇一到兩種品牌顏色，使用在大標題和副標題中。