即使專案並不需求取得無障礙標章，瞭解這些注意要點也能使你的網頁設計能為更多人所使用。實作無障礙網站，從設計開始就有許多注意要點，這篇文章希望能藉由提供一些範例讓這些要點更具體些，期待更多人能嘗試將無障礙設計應用在自己的專案中。 上一篇提到無障礙的四大原則及十三項指引，接下來就由抽象至具體，以實例來說明設計上有那些需要注意的地方以符合這些大原則。

無障礙網頁設計實際運用於網頁設計之中，除了能讓網站觸及更多使用族群之外，因為需要使用結構化語意，網頁的 SEO 也會因而一同被加強，進而使網頁更容易被一般使用者接觸到。在這系列文章，筆者希望讓大家對於「無障礙網站」其核心目的、相關組織及具體規範等有較宏觀的認識，進而逐步介紹在設計、前端程式中具體有哪些準則應遵守。

在這個系列的最後，筆者想針對網頁設計的文字部分作延伸討論，內容可能有些發散──不限於字體，更延伸到網頁設計本身的一些觀念。

前幾篇文章中有推薦大家使用 Google Fonts 來為網頁呈現字體，這篇文章就來詳細介紹 Google Fonts 到底是什麼、目前又有哪些便利的功能。

字體設定的複雜度光譜 接續上一篇 CSS 設定字體的邏輯，我們可以歸納出字體設定的思路，基本就是越特定的越前面、越通用的越後面，並且大致能整理成下面這些選項：

為什麼明明使用同樣的字體，但在排版軟體裡看到的效果就是和網頁上不一樣？或是在網頁上沿用平面設計常用的字型，結果實際開啟網頁，線條看起來卻不平均、有粗有細？

為了讓自己的職涯能有更多選擇，不少平面設計師選擇跨足網頁設計領域，筆者身邊也有同事與朋友在完全沒有網頁設計經驗的情況下進入這個產業。剛開始接觸網頁設計，除了會碰到排版規則、元件狀態等等大方向與平面設計不同以外，其實有一個重要的小細節，會讓前端工程師第一眼看到就打槍設計稿──那就是字體的選擇與使用。