回到筆記清單

Windows 11 更新後，Chrome 的預設日文字型變更問題

最近在 Twitter 上有看到文章 [1], [2] 提到，重新開機後，日文的字型變得不一樣，從原本的 Meiryo 變成了 Noto Sans JP
根據文章內的說明，源頭是因為 Windows 11 的更新 (changelog) 多安裝 Noto Sans 中文、日文、韓文，導致 css 中 sans-serif 會被指定到 Noto Sans JP
以下是測試用 code

<div lang="ja-JP">
    <code>font-family: sans-serif;</code><br>
    <p style="font-family: sans-serif;">
        人類社会のすべての構成員の固有の尊厳と平等で譲ることのできない権利とを承認することは
    </p>
    <code>font-family: meiryo;</code><br>
    <p style="font-family: meiryo;">
        人類社会のすべての構成員の固有の尊厳と平等で譲ることのできない権利とを承認することは
    </p>
    <code>font-family: 'Noto Sans JP';</code><br>
    <p style="font-family: 'Noto Sans JP';">
        人類社会のすべての構成員の固有の尊厳と平等で譲ることのできない権利とを承認することは
    </p>
</div>

執行結果

可以在執行結果中觀察到，sans-serif 的字型會是跟 Meiryo 或是 Noto Sans JP 一樣
若要避免誤判，建議從 DevTools 的 css computed 中確認
(註：這邊的 Code 有設定 lang，是因為要覆蓋此網站在 body 指定的 lang)

雖然可以從 Chrome 的「設定」\「外觀」\「自訂字型」去重新指定，但如果平常主要語言不是日文的話，可能會影響到中文網頁的字型
可以參考這篇文章推薦的 Chrome Extension 「Advanced Font Settings」
可以根據 lang 去指定字型