上個月我發了 一篇文，問問這邊的讀者目前的 俐方體 11 號 會不會讓閱讀變得有一點困難。
而根據底下留言的回饋來看，應該是有不少的人覺得對閱讀有影響。所以這陣子以來，我一直在想有什麼樣的方法可以解決這個問題。
換另一種像素字體
有不少回饋建議可以用點數比較大的像素字體，因為我懶得再去一個一個找了，所以我就去 Emfont 上看了一圈。
比目前 11px 還大的，大概只有 12px 的 缝合像素字体、還有 16px 的 寒蝉点阵体 了。
我在我的開發環境上試了這兩個字體，但我覺得效果都不是很好。缝合像素字体雖然比俐方體大了一點，但在我的設備上多了很多反鋸齒，反而看得更不清楚了；寒蝉点阵体的筆劃就有點太細了，不太有像素的風格，感覺會被誤會成新細明體。
而且，俐方體的周圍的空白比較大，對閱讀來說也稍微容易一些。所以，我覺得如果以像素字體來說，俐方體可能還是目前最適合我的部落格的字體。
混合字體
也有一些人建議可以只在標題，或是比較特別的地方用像素風的字體就好，內文就用一般的字體。
不過這就要特別再去看 SCSS 是怎麼寫的，然後再把不同用途的文字拆開，我真的是有點懶 XD
而且這充其量也是個折衷的方法，我必須犧牲一點個性來換易讀性，實在不是很滿意。
字體切換開關
最後一個方法就是做一個字體切換開關啦，可以在完全不影響原本風格下，也讓想要更容易閱讀的讀者有另一個選擇。
雖然說這個方法的工程量可能是最大的，但同時這也是最徹底的一種解決方式。
你真的不愛像素字體嗎？那就試試 這個切換開關 吧！
我把這個開關和左下角的夜晚模式開關放在一起（在手機上的話則是收在最上面右邊的抽屜裡面）：
也在每一篇文開頭的 metadata 都放了一個，方便第一次來的讀者！
這個開關和夜晚模式的開關一樣，會存在 browser 的 localStorage 裡面，所以就不用每次進來都還要重新切換一次。
怎麼做到的？
其實幾乎就是照著夜晚模式的開關依樣畫葫蘆，在現在有各種 AI 工具的幫忙之下，不算是太難的事情。1
比較麻煩的是，因為我的這個開關在頁面上不只有一個，所以不能再用 ID 去抓，要改成用 className；所以連帶著，管理狀態以及註冊 listener 的那個 class，它的 contructor 也要改成可以吃 Array 而不是只吃一個 element。
因為我實在太久沒有寫 strongly typed 的語言，也不太熟悉 TypeScript 的各種常用的 class，所以在處理 constructor 還有傳入參數的時候就像個白痴一樣花了很多時間 XDD
（你看吧，資工小廢物真的沒有很會寫程式）
-
細節我就先不貼出來了，我想會有和我一樣需求的人應該少之又少 www，有需要的話可以再另外問我~ ↩︎