フォントまわりを自分好みにするUserCSS - 📝wkpmm

フォントまわりを自分好みにするUserCSS

全角記号の一部をNoto Sans JPに置き換える

※●○◎□■↑→↓←⇔♪∴∵§×÷…△▽▼▲“”

code:style.css

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap&text=※●○◎□■↑→↓←⇔♪∴∵§×÷…△▽▼▲“”');

英数字をNoto Sansに置き換える

1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

!"#$%&()*+,-.:;/<=>?@\^_`{|}~

code:style.css

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap&text=1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!"#$%&()*+,-.:;/<=>?@[\]^_`{|}~');

Font Awesomeも使えるようにする

code:style.css

body,

.editor,

.grid li {

font-family: "Noto Sans JP", "Noto Sans", Helvetica, Arial, "Hiragino Sans", "Font Awesome 5 Free", "Font Awesome 5 Brands", "AppIcons", sans-serif;

}