LoginSignup
7
6

More than 3 years have passed since last update.

@jesuissuyaa

React にGoogle Web Fontsを追加する方法

Posted at

概要

一番最初に読み込まれるCSSファイルに@import文を書く

手順

1) create-react-appなら、index.cssを開く
2) Google Web Fontsの@importをコピペ 

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

3) cssファイルでfont-familyを指定

font-family: 'Yanone Kaffeesatz', sans-serif;

注意

  • 一番最初に読み込まれるファイルにしないと、フォントがロードされない
  • 開発端末以外でページを開くとフォントがロードされてないこともあるので、確認が必要
7
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
7
6