Googleフォントを使ってみる
ちなみに、このページの表示のみ、全てGoogleフォントにしてみました。いかがでしょうか。
↓では、使い方です↓
https://fonts.google.com へ行きます。
![](https://memo352.com/blog/wp-content/uploads/2024/06/web-google-font-2024-01-1024x548.png)
![](https://memo352.com/blog/wp-content/uploads/2024/06/web-google-font-2024-02-1024x548.png)
![](https://memo352.com/blog/wp-content/uploads/2024/06/web-google-font-2024-03-1024x548.png)
![](https://memo352.com/blog/wp-content/uploads/2024/06/web-google-font-2024-04-1024x548.png)
リンク用のコードをコピーするときは、ブラウザの表示を英語にします。
(日本語のままだと使えないコードになるので注意)
HTML用のコードは<head>から</head>の間にコピペ。
CSSはクラスで指定。クラス名を変えても使えます。
![](https://memo352.com/blog/wp-content/uploads/2024/06/web-google-font-2024-05-1024x548.png)
ちなみに、このページの表示のみ、全てGoogleフォントにしてみました。いかがでしょうか。
↓では、使い方です↓
https://fonts.google.com へ行きます。
リンク用のコードをコピーするときは、ブラウザの表示を英語にします。
(日本語のままだと使えないコードになるので注意)
HTML用のコードは<head>から</head>の間にコピペ。
CSSはクラスで指定。クラス名を変えても使えます。