6

More than 5 years have passed since last update.

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

Posted at 2019-09-16

概要

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

手順

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

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

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

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

注意

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

6

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

6