設計達人網(wǎng)：今天向大家分享兩個特別酷的排版網(wǎng)站，這兩個網(wǎng)站專門挑選Google 免費字體中的精品，來做出高質(zhì)量的圖文排版。同學們可以直接來這兒挑最優(yōu)質(zhì)的免費英文字體，汲取排版靈感，一起來收。

Google Type

• 從 800+ Google Web Font 里精挑細選，不用怕找不到好字體
• 字體免費使用，特別適合英文站使用
• 配圖來自免費高清圖片站，可免版權使用
• 圖文排版漂亮，可作為靈感來源
• 來自世界各地設計師均能參與此項目，并持續(xù)更新

好了，我們不說太多，先來點截圖給大家看看~

看到喜歡的直接拿下即可 ^ ^

Typesource

Google Web Font 是一個很好的免費字體庫，設計師和前端人員都喜歡便用，但由于字體太多，選擇好的字體不太好找，所以今天推薦大家嘗試用 Typesource 這個字體靈感站。

該站的特色就是以漂亮的形式展示 Google Web Font 里面的字體，此外用戶還可以自行編輯文字內(nèi)容，并且如果喜歡這個字體的整個Banner設計，用戶可以直接復制源碼拿走，免費使用。

編輯字體

STEP 1： 用鼠標移動到要編輯的字體上面，點擊【Edit Text】按鈕

此時，圖中的文字都變?yōu)榫庉嫚顟B(tài)，任何文字都可以自己編寫了。

使用字體

選擇好字體后，那么這些字體如何使用呢？其實非常簡單，我們點擊字體的【View Source】按鈕，進入該頁面后，找到【 HTML & CSS】位置，如下圖：

這代碼包含Google字體引入代碼（<link…哪行）、HTML以及CSS樣式三個部分，如果你只想需要字體，則直接引入字體文件即可。

但若喜歡他的整個BANNER設計，也可把所有代碼放到你的網(wǎng)頁上進行修改?，F(xiàn)在已經(jīng)更新了10款漂亮的新Banner，這里的 Banner 完全是用免費的 Google Web Font 來設計。

若你最近需要做歐美網(wǎng)站設計，并且沒有一款可以免費使用的而且好看的英文字體，那么可以嘗試用 Typesource 整理的作品，文字與圖像搭配合理，值得參考與學習，Enjoy!

PURSUIT Of PURPOSE

「追求的目的」簡約、朦朧之美

字體：Droid Serif? & ?Droid Serif Italic

FAKE KEEP IT REAL

字體：Permanent Marker

SATURDAY MORNING TIMES

適用于美食類別的 banner 字體。

字體：Rock Salt

Nils Frahm

字體：Raleway Heavy?&?Lora Italic

Happiness Design

字體：Lato Thin?&?Lato Thin Italic

Live, Travel

是不是有一種意境？

字體：Merriweather Light

10 WAYS OF GETTING THINGS DONE

字體：Permanent Marker

WAIT Until MONDAY

字體：Open Sans Condensed Bold?&?Pacifico

SWEDISH MEATBALLS

字體：Oswald Regular?&?Oswald Light

A SEARCH

字體：PT Sans Bold?&?Lora Italic

SEVEN DAYS IN TOKYO

字體：Yanone Kaffeesatz ExtraLight

「優(yōu)設酷站22連發(fā)！」

1. 免費圖庫+導航收集站：《酷站兩連發(fā)！高品質(zhì)免費圖庫站+專注WEB/APP導航收集站》
2. 音樂站+字體搜索：《酷站兩連發(fā)！幫你專心工作的音樂站+谷歌字體在線搜索神器》
3. 漸變色+代碼比較：《酷站兩連發(fā)！漸變色方案全聚合網(wǎng)站+在線代碼比較神器》
4. 配色+占位圖：《酷站兩連發(fā)！在線色彩搭配工具+快速生成占位圖片器》
5. LOGO下載+字體下載：《酷站兩連發(fā)！可商用的矢量LOGO下載+平面最愛的27款免費字體》
6. 壓縮圖片+在線配色：《酷站兩連發(fā)！在線圖片壓縮神器+在線配色工具COLOURCO》
7. CSS Hover動畫+寵物小精靈配色：《酷站兩連發(fā)！寵物小精靈專屬配色網(wǎng)站+CSS HOVER動畫收集站》
8. 美女圖片+游戲配色：《酷站兩連發(fā)！游戲配色網(wǎng)站+免費美女素材特供網(wǎng)站》
9. 在線配色+字體推薦：《酷站兩連發(fā)！在線配色神器+英文字體推薦網(wǎng)站》
10. 追波作品變代碼+16進制顏色：《酷站兩連發(fā)！用代碼呈現(xiàn)DRIBBBLE作品+16進制顏色網(wǎng)站》
11. 無縫紋理+多邊形背景：《酷站兩連發(fā)！專注無縫紋理素材站+多邊形背景生成器》

原文地址：shejidaren

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

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