# 什麼樣的字型最適合在網站上呈現？
> 研究發現，在眾多「易讀字型」中，最佳的選擇和最差選擇間的閱讀速度可以相差到35%。
> 人們每年長 20 歲，閱讀速度就會慢 11%。[color=#00994E]

在設計網站以及建置Design System時，會在文件中撰寫**字級表**，以明確定義不同情境文字的字型、字體、大小、間距，讓整體網站設計有統一性，也方便工程師撰寫、建制程式。

## 研究做什麼？
Adobe曾經做過一項字體對閱讀速度影響的研究。他們找了 352 名平均閱讀水平落在國中二年級程度的受測者，閱讀幾篇有300~500單字的短文，並且以 16 種不同的字體顯示。

字體選擇包括經典的英文字體（Times、Helvetica、Garamond）、專為電腦使用而設計的字體（Calibri、Arial）和專為易讀性而設計的字體（Noto Sans、Montserrat）。

> 在瀏覽網站時，用戶大多會掃瞄而非逐字閱讀頁面以快速獲取所需的資訊。統計上來說， **使用者大概只閱讀了頁面上 28% 的資訊，也就是大約166個字。**

他們測量了三種指標：

1. **主觀偏好：** 你最喜歡哪種字體？
1. **每分鐘閱讀速度**（WPM, Word Per Minute）
1. **理解程度：** 用戶閱讀完一篇文章後正確回答問題的百分比

## 字型真的很重要
平均而言，平均速讀速度最慢的字體（232 WPM）與平均閱讀速度最快的字體（314 WPM）間，相差快到 35% 。因為實驗設計的關係，每一個受測者只有測試5種不同字體的閱讀速度而已。如果每個用戶都量測了16種不同字體，那速度差異應該會更大。

> 16種不同字體的閱讀速度數值如上圖

## 主要發現：並沒有完美適合所有使用者的字體
如果以上方三種指標作為評分，**Garamond** 字體拿到了最高分，但是如果將每一個指標單獨拉出來看，Garamond 字體也只有落在平均值而已。並不是所有的使用者都一致認同 Garamond 字體最為易讀並且最符合他的偏好。

研究另外發現，Franklin Gothic字體在閱讀能力貧弱的族群中，能夠讓受測者的閱讀表現更好，而Garamond 字體則是在閱讀能力較強的族群中，讓受測者的閱讀表現更好。

這樣的結果證明，閱讀能力可能是影響字體選擇的主要因素，而非字體本身的設計。

## 年齡也有影響？
**使用者的年齡對他們的閱讀速度有很大的影響**，閱讀速度會隨著年齡的增長每年下降 1.5 WPM。年齡越大，則同年齡族群的閱讀速度差異更大。

另外一個發現是，**不同的字體對年輕和老年讀者的表現不同。** 這個「年輕人」與「老年人」族群的**分界點界定在35歲**，也就是說35歲以後開始就會出現比較大閱讀速度斷層，與我們一般界定「老年人」的年齡分界點相當不同。

此研究也總結出 3 種適合年長使用者的英文字體：Garamond、Montserrat 和 Poynter Gothic。而剩下其他的 13 種字體則會更適合年輕用戶。

## 那我該怎麼設計比較好？
如果根據後台觀察，你的使用者使用場景與年齡族群分佈相當廣闊，或是你需要同時兼顧年輕與年長者的客群，則會建議從 **「個人化」** 開始著手。

在使用者初次使用平台或網頁時，就先讓使用者選擇他認為閱讀起來比較舒適的字型，讓使用者無論什麼年齡層、什麼閱讀裝置都能有合適閱讀的介面可以使用。並且每幾年就對使用者進行研究，重新修改、修正字型選擇的選項。

## 支持一下台灣的字型公司
Justfont是台灣的一間字型公司，目標是為台灣創造更好的文字風景。除了創造出更富含台灣文化特色的字體以外，他們也致力於教導社會如何認識「好的字體」跟提高對生活中字體的認知。

Justfont提供了各式活動：
- **justfont字友社**：提昇國內其他字型設計師的參與，希望幫助國內字型設計師成長，並建立社群。
- **字型散步：** 字型知識普及書
- **字體嗑什麼：** 字體知識招牌講座

目前Justfont的字體也有出現在生活雜貨上的包裝，推薦去看看他們的[網站](https://justfont.com)喔！

> 如果要參考更多英文字體的選擇方法以及注意事項，可以看看這篇：
[The Dos and Don’ts of Pairing Typefaces](https://www.nngroup.com/articles/pairing-typefaces/?utm_source=Alertbox&utm_campaign=0f04c3b8bc-EMAIL_CAMPAIGN_2020_11_12_08_52_COPY_01&utm_medium=email&utm_term=0_7f29a2b335-0f04c3b8bc-40753837) [color=#00994E]