轉載聲明：本文授權轉自「飛屋設計微雜誌」
ID「ifeiwu81」
前言
作為網頁設計師，對待字體設計也許並沒有其他的平面設計師那般自由。例如，你沒有辦法在網頁中使用其他中文的字體，受限於技術的原因，除了幾款比較固定的中文字體（微軟雅黑、宋體、黑體等）目前中文字體的特殊設計也只能以圖片的方式展示。但是在英文的運用上，其實在網頁設計領域，已經有了非常廣大的自由度。這也是英文在傳播方面，基於其本身只是26個字母不斷的組合變化，從而大大縮短了信息處理的時間。
終於我們不得不正視英文應用的問題，也許你的網站並不是雙語版本，但依然有要用到英文的時候（例如郵箱地址的展示），這時候，如果你能嘗試採用不同於普通默認的英文字體的做法，就讓你的設計會看起來與眾不同。
我們這次會介紹23個飛屋的設計師在設計網頁時會經常使用的英文字體。下面的每個英文字體大都是比較完備的「字族」，往往會有「regular」「bold」「light」「thin」等等在粗細上的變化。這些字體也都能直接在網頁上作為「文本」展示，因此有較好的延伸性和自由度。因為並不是每個字體都能用在網頁上，在此前這些整理工作對每網頁設計師而言都是必備的。
Roboto
這款字體是一個非常標準而常用黑體，有著簡潔的筆畫設計，和「思源黑體」的中文搭配非常經典。是用得較多的一款字體。
Quicksand
這款字體的特點與「幼圓」體比較類似，在字體的結構上，字腔比較大，字尾呈現圓弧狀，視覺上顯得柔和內斂。
Dosis
和上一款字體的性格類同，但是字形較高，且瘦長，字腔呈現出較為特別的圓角矩形。
Rajdhani
也是和dosis的字形比較接近，尤其是字腔的突出特點，仿佛看到許多隱形的圓角矩形的平行排列，看上去很整齊規律。字尾是規則的矩形，和圓弧收尾的筆畫形態有差別。
Teko
這款字體的粗體顯得非常有力，也是由於其字形較為方正，而且有著某種節奏感。筆畫設計非常簡潔鋒利。
Julius sans one
這款字體和ROBOTO字體類似，但是其大寫字母的字符寬度較窄，字脊的彎曲弧度都較小，比較低調，非常適合極簡風格的網頁展示。
Wire one
這款字體從其名字上就能推測它的形態，它是屬於線形的字體，字體高度較高而寬度較小，呈現出緊湊的豎形。這樣的字體性格非常明顯，在基於線性進行設計的網頁中用上會相當合適。
Pattaya
這款字體略帶有襯線體和手寫體的綜合特徵，且字母間能進行順暢的筆畫連接，字腔較小，字形整體的存在感較強。
Anton
這款字體也是黑體中「重量級」，豎形的結構，簡潔有力的筆畫形狀，非常能吸引人的眼球。
Playfair display
這款字體的筆畫特徵是橫向部分的筆畫非常細，而縱向部分的筆畫非常粗，它們之間形成了視覺對比，從而增強了字體本身的感染力。而字母圓點的部分或是字耳的部分都設計為圓點，增加了圖案感，可以說這個字體非常適合用在時尚行業的展示裡。
Josefin slab
這款字體也是比較細的線體設計，它是屬於襯線體的範圍，josefin還有一款非襯線體，字體名稱就叫jossefin，它的設計特點是字母當中，例如「e」的橫線就採用了傾斜的角度，增加了字體本身由於粗細均勻帶來的靜止呆板的感覺，而增加了一種動態感。
Rozha one
這款字體也是一款非常標準的襯線體，字尾的設計是收緊的錐形，橫向和縱向的粗細相差較大。既有黑體的體積感，又帶有襯線體的優雅。
Marcellus SC
這款字體相對來說比較古典，字尾有著石刻文字時代的特點。這樣的字體帶著某種歷史感和嚴肅感。
Rasa
這款字體也是一種襯線體，字體帶著體積感，字脊較粗，且整體筆畫造型存在感較強。
Italiana
這款義大利風格的字體，字尾都是收縮的斜向下的錐形，有比較顯著的鋒利的線體特徵。有著義大利式的古典浪漫，也有現代風格的簡潔利落。
Cormorant SC
類似碑刻文字的典雅，襯線較長，形態非常莊重優雅。在展示內容傾向古典的時候使用。
Monoton
平行線條的筆畫特徵，風格非常明顯。在帶有類似線條風格的內容展示時，同時採用，充滿了別具一格的魅力。
Playball
手寫體的典範，帶有花體字的部分特點，但並不明顯。個性化的風格會經常採用手寫體作為配備。
Fredericka the great
粉筆字的板書風格樣式，在各種學院風形成獨特的情調。如果搭配同類似的粉筆式的塗鴉，效果會更好。
Raleway
襯線體的字體特徵並不十分明顯，襯線安排得非常低調。而筆畫的線條粗細均勻，W字母的設計是雙V的疊加，這一點可以好好利用。
Codystar
圓點組合的風格化字體，存在感弱，字體偏裝飾性。圓點的可愛感在同樣風格的設計中會得到增強。
Ribeye marrow
可愛的兒童手繪字體，雙線體的縱向筆畫設計。造型感特別，且一般用在比較偏兒童化風格的場合。
Kaushan script
手繪字體的另一種表現方式，字母之間相互獨立，字體會更具現代感。風格爽快、利落，個性化極強，表達出某種自由感。
善用字體會給你的設計帶來不一樣的視覺魅力，這些字體在運用時更要同時考慮與配圖、其他中文字體的整體搭配，同時對字體的字距、粗細等也要進行考究。大家可以經過這一番學習，認識到字體並非是文字這樣簡單，尤其是在平面設計中，它是同時是平面設計元素，也是信息傳遞的載體。
23個網頁字體壓縮包的下載連結，來，打個包吧~
連結：https://pan.baidu.com/s/11e68-ccCLODIxaxAoSxq0Q
密碼：bqvx
提示：相應的視頻講解和這套字體的素材下載請點擊左下方【閱讀原文】的連結，進入我的博客頁面就能查看。
- END -
本內容來源於網際網路,版權歸原作者所有,供學習交流使用,嚴禁商用,如有侵權請聯繫我們刪除。