the-best-google-fonts-1

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

假設你是一個初出茅廬的網頁設計師。假設這個案子是做一個英文網站。

再假設你了解精美的字體與排版是美麗的網頁的基礎。

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

他告訴你「我沒錢給你搞什么字體的玩意?!鼓闶嗨趾軝C歪的說「但我希望網頁好看到我的客戶會想用舌頭舔一舔屏幕?!埂甘謾C、平板跟屏幕都要一樣 juicy?!?/p>

oowada

「怎樣?你要做嗎?」

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

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

襯線體

14141104717_da26152dc2_b

△ 字型學 101:什么是襯線?

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

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

zt20151222

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

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

復古、拙態、墨韻感:EB Garamond

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

garamondcompare

△ 一樣都是 garamond,但細節不一樣。

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

1zt20151222

更復古的,更文學的:Alegreya

serif2

△ 富有書法氣息的 Alegreya

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

2zt20151222

想用 Baskerville 怎么辦:Libre Baskerville

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

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

3zt20151222

Lora

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

4zt20151222

時尚雜志標題感:Rufina

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

5zt20151222

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

【優設精品字體教程+資源】

會動的霓虹燈字效:
《PS+AI教程!手把手教你繪制酷炫多彩的動態霓虹燈字效》

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

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

原文地址:blog.justfont

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量106萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 2

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏