輕輕鬆鬆美化網頁字型 - Firefox 篇

1. 啟用瀏覽器的字型美化功能

我們會透過瀏覽器的字型渲染 (Rendering) 與反鋸齒 (Anti-Aliasing) 功能來美化字型:

1. 安裝 Firefox 的擴充套件 Anti-Aliasing Tuner，安裝完需重新啟動 Firefox。

2. 進入 Anti-Aliasing Tuner 的選項，將 Anti-aliasing Mode 設成「Default」，將 Rendering Mode 設成「Outline」

2. 修改網頁的預設字型

1. 安裝 Firefox 的擴充套件 Stylish，安裝完需重新啟動 Firefox。

2. 進到 Firefox 的「附加元件」->「使用者樣式」->「編寫新樣式」，新增內容如下:

*{ font-family: Verdana, Arial, "Microsoft YaHei", "Noto Sans CJK TC", "Microsoft JhengHei" }
*{ text-shadow: #666666 0.01em 0.01em 0.05em !important; }

儲存之後就大功告成了。

在上面 Stylish 的樣式中，我們透過 CSS 的 font-family 參數將網頁字型的優先順序設為:

1. Verdana - 英文字型
2. Arial - 英文字型
3. Microsoft YaHei - 微軟雅黑
4. Noto Sans CJK TC - 思源黑體 (舊版的字型名稱為「Noto Sans T Chinese」)
5. Microsoft JhengHei - 微軟正黑體

前面用英文字型是為了避免網頁的表單元件變形。

原始介紹文章出自於此