網頁字體模糊/大小異常 — 3 分鐘自查自修指南

常見成因

1. 使用者誤操作：不小心調整頁面縮放比例
2. 惡意軟體/病毒：修改瀏覽器設定/註冊表/系統 DPI
3. 系統 DPI/縮放設定：高解析度螢幕縮放 125%/150% 導致模糊
4. 瀏覽器硬體加速：字型渲染異常
5. 網站 CSS 字體聲明缺失/字體缺失

快速修復 (按成功率排序)

1. IE/Edge 內建縮放調整
   選單 → 「檢視」/「設定與更多」 → 「縮放」 → 選 100% 或適合大小
2. 通用神鍵：Ctrl + 滑鼠滾輪
   向上滾 = 放大、向下滾 = 縮小、Ctrl+0 = 重設 100%
   適用 Chrome/Firefox/Edge/IE/Opera 所有主流瀏覽器
3. 系統縮放與版面校正
   Win10/11：設定 → 系統 → 顯示 → 「縮放與版面」 → 設為 100% (或推薦值) → 登出重新登入
   Mac：系統設定 → 顯示器 → 縮放選「預設」/「更多空間」
4. 關閉瀏覽器硬體加速
   Chrome：設定 → 系統 → 關閉「使用硬體加速」 → 重啟
   Edge/Firefox/IE 同理
5. 全盤殺毒 + 修復系統檔
   若懷疑病毒：全盤掃描 → 管理員 CMD sfc /scannow → DISM /Online /Cleanup-Image /RestoreHealth
6. 字體渲染微調
   Win：控制台 → 外觀與個人化 → 字體 → 「調整 ClearType 文字」嚮導
   Mac：終端機 defaults -currentHost write -g AppleFontSmoothing -int 2 (0~3 試)

網站端最佳實踐 (給開發者)

• CSS 明確指定 font-family 回退鏈 (系統字體優先)
• 使用 font-display: swap 避免字體載入期間隱形文字
• 提供 WOFF2 字體檔、預載關鍵字體 <link rel="preload" as="font">
• 避免過小字號 (< 12px) 與過低對比度