はじめに

font-family、習いました。
でも、習ったところでfont-familyに何が指定できるのかわからないし、どうしたらそれを調べられるかわからないぞ！

そんな人のためにまずGoogle Fontsを紹介したいと思います。

Google Fontsのサイト

こんな画面が出てくるよ

さてここからフォントを探す！と言ってもどっからどう探せばいいか分からない…。

タイトルが日本語なら、そこ変えたいよね？！
左上にある「Language」から「Japanese」を探して選択します。

すると…日本語出てきたーーーーー！

まだ8種類と少ないですが、それでもデフォルトよりはいいはず！！！
ということで、左上の「Noto Sans JP」を使ってみましょう。

使いたいフォントのフォント名が書いてある右に赤い「＋」のボタンがあります。
そこをクリック！

すると右下にこんなものが現れた！！！

「1 Family Selected」という黒いやつ。
さてここをクリックすると。

なんか出てきた。
でもこれが出ればもうあとは少しだけ。

赤く「STANDARD」と書いてある下に色々コードが書いてあります。
この<link hraf〜〜から始まるコードをコピーします！！

これね

そして自分が作っているWebサイトの<head></head>の中に貼り付ける。
これに

こう！

これで導入は完了。

さっきのコピーしたコードの下にある「Specify in CSS」の下にあるコードをコピー！
font-familyってついてるからどこにこれを貼り付ければいいかはもうわかるよね？

h1のフォントを変えたかったらこう！！！

これが

こう！

全然違う！！！

みんないろんなフォントを調べてみてね。
英語だけならとにかくいろんなフォントがあるので試してみて欲しいーーーー！