はじめに
font-family、習いました。
でも、習ったところでfont-familyに何が指定できるのかわからないし、どうしたらそれを調べられるかわからないぞ！
そんな人のためにまずGoogle Fontsを紹介したいと思います。
Google Fontsのサイト
使い方
①サイトを開きます
こんな画面が出てくるよ
さてここからフォントを探す！と言ってもどっからどう探せばいいか分からない…。
②まずは日本語フォントを調べてみる！
タイトルが日本語なら、そこ変えたいよね？！
左上にある「Language」から「Japanese」を探して選択します。
すると…日本語出てきたーーーーー！
まだ8種類と少ないですが、それでもデフォルトよりはいいはず！！！
ということで、左上の「Noto Sans JP」を使ってみましょう。
③フォントを選ぶ
使いたいフォントのフォント名が書いてある右に赤い「＋」のボタンがあります。
そこをクリック！
すると右下にこんなものが現れた！！！
「1 Family Selected」という黒いやつ。
さてここをクリックすると。
なんか出てきた。
でもこれが出ればもうあとは少しだけ。
④フォントを導入するための魔法の式
赤く「STANDARD」と書いてある下に色々コードが書いてあります。
この<link hraf〜〜から始まるコードをコピーします！！
これね
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap" rel="stylesheet">
そして自分が作っているWebサイトの<head></head>の中に貼り付ける。
これに
こう！
これで導入は完了。
⑤最後にCSSを変えるよ
さっきのコピーしたコードの下にある「Specify in CSS」の下にあるコードをコピー！
font-familyってついてるからどこにこれを貼り付ければいいかはもうわかるよね？
h1のフォントを変えたかったらこう！！！
⑥完成ーーー！確認しよう！
これが
こう！
全然違う！！！
終わりに
みんないろんなフォントを調べてみてね。
英語だけならとにかくいろんなフォントがあるので試してみて欲しいーーーー！