# 字體集 Font Book
## 書籤
* [Righteous - Google Fonts](https://fonts.google.com/specimen/Righteous)
## 英文字型
### 襯線體
襯線體的歷史比較悠久，是古羅馬時期的碑刻用字，適合用於表達傳統，典雅，高貴，距離感。

* 舊體：O字母較細的部分連線是斜線，適合長文閱讀。
* 現代體：O字母較細部分連線是垂直的，一般在標題上使用。
> 

* 支架襯線體：Times New Roman，Baskerville，Caslon，Georgia
* 髮絲襯線體：Didot，Bodoni
* 板狀襯線體：
> 

---
### 無襯線體
* Grotesque：小寫字母g的寫法不一樣，數字1下方有粗襯線。
* Neo-grotesque：不帶情緒，冷靜簡潔。
* Humanist：有一點書法感，給人溫暖的典雅氣氛，有一點女性氣質，識別度非常好，網站正文字體常用。
* Geometric：字體趨近幾何形狀，不適合內文，但具有設計感。
> 

---
### 其他字體

---

### 適合長文閱讀的文字
* 襯線體：支架襯線體
> * Lucida Grande
> > * Mac: Lucida Grande
> >
> * Roboto
> > * Mac: Roboto(download from [here](https://wcc723.gitbooks.io/google_design_translate/content/resources-roboto-font.html))
> > * Web: [Roboto](https://fonts.google.com/specimen/Roboto)
> * Open Sans
> > * Mac: Open Sans(download from [Google Fonts](https://fonts.google.com/specimen/Open+Sans))
> > * Web: [Open Sans](https://fonts.google.com/specimen/Open+Sans)
> * freight text
* 無襯線體：Humanist
> * Georgia
> > * Mac: Georgia
> * Droid Serif
> > * Web: [Droid Serif](https://fonts.google.com/specimen/Droid+Serif)
> * Cambria
> * Lucida Sans
> * Geneva
> > * Mac: Geneva

---

### 字體搭配
* 一致性
* 對比性

---

### 常用字體
1. Centaur
> 具有史詩般正統風格，特別適合用於表現年代悠久。具體排版時注意合字和老式數字的使用。
2. Garamond
> 復古傳統，沒有強烈個性，十分易於閱讀
> * Mac: Adobe Garamond Pro
> * Web: [EB Garamond](https://fonts.google.com/specimen/EB+Garamond)
3. Caslon
> * Mac: Adobe Caslon Pro
> * Web: [Caslon](https://fonts.google.com/?query=Caslon)
4. Baskerville
> 過渡期羅馬體，給人古典、高貴的感覺。
> * Mac: Baskerville
> * Web: [Libre Baskerville](https://fonts.google.com/specimen/Libre+Baskerville)
5. Didot
> 現代襯線體，髮絲襯線，時尚，現代，優美，適合大字體呈現。
> * Mac: Didot
6. Bodoni
> 與Didot類似。
> * Mac: Bodoni 72
7. Franklin Gothic
> 無襯線體，帶有古風，筆劃粗狂有力，具有男性化感覺，適合表現強有力。
> * Web: [Oswald](https://fonts.google.com/specimen/Oswald)
8. Futura
> 現代且具有幾何特徵，感覺是現在的主流大熱字體，尤其是要突出時尚，設計感的時候可以使用。
> * Mac: Futura
9. Gill Sans
> 英國風格的代表字體，具有古典風格的骨架，但是又有很強的科技感和未來感，字體外形偏幾何，但是是humanist字體，相對futura會柔和一些。
> * Mac: Gill Sans
10. Optima
> 有古典氣息，筆劃兩端比較粗中間比較細，氣質優雅。
> * Mac: Optima
11. Univers
> Grotesque字體，比Helvetica更加簡練。
12. Myriad
> Humanist字體，筆劃柔和簡潔。
> * Mac: Myriad Pro
13. Avenir
> 字形簡潔，現代，雖然也有幾何特徵，但是不失人情味，放大X-HEIGHT，降部拉長，使得文字的易讀性明顯提高。
> * Mac: Avenir

---

## 中文字型
1. Baoli 報隸
2. BiaKai 標楷
3. Hannotate 手札體
4. HanziPen 漢字手寫體
5. Heiti 黑體
6. Hiragino Sans 冬青黑體
7. Kaiti 楷體
8. Lantinghei 蘭亭黑
9. Libian 隸變
10. LiHei 儷黑
11. LingWai 凌慧體
12. LiSong 儷宋
13. PingFang 蘋方
14. Songti 宋體
15. Wawati 娃娃體
16. Weibei 魏碑
17. Xingkai 行楷
18. Yuanti 圓體
19. Yuppy 雅痞

### 支援中文字的日本字型
1. Hiragino ヒラギノ角ゴ
2. Tsukushi 筑紫圓體
> 走的風格比較古典，A 與 B 版本的差異在於歐文、數字與假名
3. Yumincho 游明朝體
> 游明朝体+36ポかな與原本的游明朝，差別在於假名的風格有比較傳統而富有「筆韻」的造型。
4. Klee クレー
> 風格偏向硬筆字，是以內文標準來打造的，相對平穩，也能營造一種正楷書寫的正式感覺。

---

:::info
參考文獻：
1. [「換個字體差那麼多嗎？」設計師告訴你字體的選用撇步](https://www.beforafter.org/blog/how-to-select-english-fonts) -- BeForAfter簡報小聚
2. [Google Fonts](https://fonts.google.com)
3. [字戀Facebook粉絲團](https://www.facebook.com/lovefonts/posts/932348150178043)
:::