数字だけフォントを変える（Google Fonts）

Posted at 2018-10-26

数字だけフォントを変えたい時、Google Fontsだと簡単にできます。

普通にフォントを指定している時

index.html

<body>
    <h1>October 2018</h1>
</body>

今回、Nunito フォントを使用しています

style.css

@import url('https://fonts.googleapis.com/css?family=Nunito');
html {
  font-family: 'Nunito', sans-serif;
}

すべてに Nunito フォントがあたります。

text=0123456789を追加します

style.css

@import url('https://fonts.googleapis.com/css?family=Nunito&text=0123456789');
html {
  font-family: 'Nunito', sans-serif;
}

数字のみ Nunito のフォントが当たります

こちらのサイトがとてもわかりやすいです。
https://saruwakakun.com/html-css/basic/google-fonts