ReactでGoogle Fonts使う

簡単だが一瞬迷ったのでメモ

CSS用の@importを使う

Google Fontsのページから好きなフォントを選びEmbedからCSS用の@importをコピーする

Google Fonts

@import の部分をindex.cssなりcssファイルに追加して読み込む

あとは通常通りfont-familyで使えるようになる

@import url('https://fonts.googleapis.com/css?family=Nunito:700&display=swap');

body {
    font-family: 'Nunito', sans-serif;
}