編者按：大家都知道Google fonts里面有不下600個免費可商用的英文字體可以使用，這么多選擇，用哪個好呢？今天@justfont?從專業(yè)角度推薦幾款不同風格的谷歌襯線字體，幫你滿足甲方「網(wǎng)頁好看又不用字體版權(quán)費」的要求。

假設(shè)你是一個初出茅廬的網(wǎng)頁設(shè)計師。假設(shè)這個案子是做一個英文網(wǎng)站。

再假設(shè)你了解精美的字體與排版是美麗的網(wǎng)頁的基礎(chǔ)。

但你資歷不夠無法挑客戶，你需要累積堪稱驚艷的作品。而且你的業(yè)主非常摳門。不覺得字體是值得投資的，但同時又希望網(wǎng)頁精美。捫心自問后，你深知你需要這次機會。

他告訴你「我沒錢給你搞什么字體的玩意。」你失望之余他又很機歪的說「但我希望網(wǎng)頁好看到我的客戶會想用舌頭舔一舔屏幕。」「手機、平板跟屏幕都要一樣 juicy?！?/p>

「怎樣？你要做嗎？」

「當然要做啊」你老神在在的回答。那是因為你知道有 google web font 這個東西，免費的，又有 600 多套字體，總該可以挑到幾個很假掰而且又免費的字體。

但問題是字體太多不知道要怎么選。尤其是那上面常常有一些奇奇怪怪的字體。所以要怎么辦呢？在這篇中，我們先介紹幾個帶有襯線的字體供您參考。

襯線體

△ 字型學(xué) 101：什么是襯線？

決定網(wǎng)頁質(zhì)感的是內(nèi)文。你想試試高級、典雅，高貴不貴的樣子，卻又要帶有誘人的距離感。用 serif 這種具有襯線的字體，很容易就能達到這種效果。

但 serif 有好多種，Times New Roman 就是?；厮菽愕哪刚Z經(jīng)驗，你看過很多圖樣美麗的網(wǎng)站結(jié)果用的是新細明體。你深知使用 Times New Roman, Georgia 對很多西方客戶而言，跟新細明體感覺是一樣的，你不想重蹈這個覆轍。

當然，還是建議你到 google fonts 上慢慢翻，不過在這里我們想推薦一些我們覺得不錯的：

4+1 個我們覺得還不賴的襯線體

復(fù)古、拙態(tài)、墨韻感：EB Garamond

EB Garamond 是一個開放的 Garamond 字體計劃。Garamond 是一個舊風格(old style)字體，從十六世紀的法國同名字體 Garamond 復(fù)刻，這個時期的字體普遍 x-height 較小，連帶讓字體感覺起來小。其實有很多大廠都做過 Garamond。蘋果計算機里有系統(tǒng)字的Garamond 以及 Adobe 所制作的 Adobe Garamond Pro。

△ 一樣都是 garamond，但細節(jié)不一樣。

比較起上述兩者，EB garamond 的形狀比較有墨韻感，不會像系統(tǒng)字的 garamond 粗細對比過大，但是若論線條精細程度的話，也不及 Adobe Garamond Pro。不過看在免費的份上，已經(jīng)很好用了。其實 justfont blog 標題遇到英文字也是搭配 EB garamond。一般而言，這種字體相當適合與感覺較為傳統(tǒng)的中文字體搭配。

更復(fù)古的，更文學(xué)的：Alegreya

△ 富有書法氣息的 Alegreya

Alegreya 目前已經(jīng)小有成就：曾在國際文字設(shè)計協(xié)會(Atypi) 的字體設(shè)計比賽 Letter2 中拿下獎項，被認為是近十年來最重要的 53 個字體之一。它是個專門為長文閱讀打造的字體。除了造型令人回想起文藝復(fù)興時期的詩人手書以外，這個字體造型上的動感與韻律讓長時間閱讀變得比較有味道。雖然是根據(jù)古典的造型打造，但應(yīng)用到現(xiàn)代的排版環(huán)境上，也不特別覺得突兀。而且 Alegreya 目前已經(jīng)是一個家族，除了本身的粗體、意大利體以外，還有 small cap 版本，以及根據(jù)相同骨架設(shè)計的人文主義感無襯線字體，這我們留待下一篇介紹。

想用 Baskerville 怎么辦：Libre Baskerville

很遺憾的，Baskerville 不是 web safe fonts。但如果你也是過渡時期字體的代表，字體史上承先啟后的 Baskerville 的粉絲，不用它會很難過的話，那一定要介紹你 Libre Baskerville。Libre Baskerville 可以說是 Baskerville 的電子屏幕進化版，專門針對 16px 左右大小的內(nèi)文字打造。他就像端莊優(yōu)雅、理性感性兼具的英國紳士，只是剛發(fā)明時，被當時的美國人批評：這字體根本想把人閃瞎（因為細的地方太細），但即便如此，它還是美國政府成立之初的官方字體。

但如上圖所示，Liber Baskerville 已經(jīng)將原本略顯極端的粗細對比縮小了；而且把字里面的空間（例如 e, c 里面半封閉的區(qū)域）放大，如此一來更適合大多數(shù)的屏幕閱讀了。但這樣將粗細對比拉近是不是就丟失 Baskerville 的原味呢？這便是見仁見智的問題。不過就 Baskerville 最有特色的 g 而言，優(yōu)雅的尾巴仍然存在。

Lora

如果想要新潮一點的風格，lora 是好選擇，這個字體在 google fonts 使用頻率排名也在前 20 名內(nèi)。比較大的 X-height 也讓它視覺上比 garamond 系列大上許多，雖然如此，粗細對比偏高的狀況可能不適合視網(wǎng)膜屏幕顯示，會變得過細。（不這么認為的朋友，可以留言告訴大家您的想法）另外，比起 EB garamond，有粗體與意大利斜體可以選擇，讓排版比較容易。

時尚雜志標題感：Rufina

如果想要時尚雜志那樣的感覺，你需要 Didone 家族這樣的現(xiàn)代風格(modern style)字體。這種字體最大的特色就是非常典雅，有高貴迷人的巴黎、米蘭氣，但是卻不太好讀。所以一般還是用作標題使用較佳。

Google fonts 目前字體數(shù)量不下六百，要一個一個分析介紹實在太累了，先挑這些質(zhì)感好，又實用的字體跟大家介紹介紹。下集預(yù)告：Sans-Serif 無襯線篇，之后還會討論裝飾字體篇。

【優(yōu)設(shè)精品字體教程+資源】

會動的霓虹燈字效：
《PS+AI教程！手把手教你繪制酷炫多彩的動態(tài)霓虹燈字效》

可愛糖果字效：
《PS教程！教你打造清新可愛的3D糖果文字效果》

免費打包下載：
《十月份最漂亮的27款英文字體免費打包下載》

原文地址：blog.justfont

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量106萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com