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