WindowsでのChromeのフォントをお洒落にする

デフォルトフォントのメイリオやSegoe UIはダサすぎて、見づらすぎるので、フォントを変える

今回やること

1. InterとNoto Sans JPをインストールする
2. Chromeのデフォルトフォントを変更する
3. Stylusを使って、最大限まで効果を広げる

1. InterとNoto Sans JPをインストールする

Interは、https://rsms.me/inter からダウンロードして、Noto Sans JPは、https://fonts.google.com/noto/specimen/Noto+Sans+JP からダウンロードして、それぞれをインストールしてください

2. Chromeのデフォルトフォントを変更する

デフォルトはメイリオなので、メイリオになってるところを全部「Inter Variable Text」ってやつに変更してください

3. Stylusを使って、最大限まで効果を広げる

Chrome Web Storeで、Stylusという名前の拡張機能をインストールしてください

スタイルを新規作成というボタンを押し、以下のコードをコピペしてください

@font-face {
    font-family: "segoe ui variable display";
    src: local("inter variable text"),
         url("C:\Users\kyohe\AppData\Local\Microsoft\Windows\Fonts\InterVariable.ttf");
    font-display: swap;
}

@font-face {
    font-family: "segoe ui";
    src: local("inter variable text"),
         url("C:\Users\kyohe\AppData\Local\Microsoft\Windows\Fonts\InterVariable.ttf");
    font-display: swap;
}

@font-face {
    font-family: "system-ui";
    src: local("inter variable text"),
         url("C:\Users\kyohe\AppData\Local\Microsoft\Windows\Fonts\InterVariable.ttf");
    font-display: swap;
}

@font-face {
    font-family: "meiryo";
    src: local("inter variable text"),
         url("C:\Users\kyohe\AppData\Local\Microsoft\Windows\Fonts\InterVariable.ttf");
    font-display: swap;
}

@font-face {
    font-family: "arial";
    src: local("inter variable text"),
         url("C:\Users\kyohe\AppData\Local\Microsoft\Windows\Fonts\InterVariable.ttf");
    font-display: swap;
}

このコードは、Segoe UI、メイリオ、Arialという3つのフォントをInterというかっこいいフォントに書き換えるプログラムです
保存を押した後、適当にGoogleやTwitter、Amazon等を開いてみてください
メイリオやSegoe UIに飽き飽きしていたのであれば、き感動すると思います