Help us understand the problem. What is going on with this article?

日本語に合うフォントに変更する時にGoogle Fontsが超絶便利だったのでメモ

長年この業界にいる方ならお馴染みかもしれませんが、Google Fontsが良かったってことでメモ。

Google Fonts公式サイト

経緯

プログラミング初心者。
PHPをメインに勉強中で、勉強がてらWebアプリ作ってる中で、デザインに関してはBootstrapのテンプレ参考にしたりしてるのですが、どれも基本Web画面の言葉が英語で書かれてる。

んで、それを日本語に直してやるんですが、どうにもダサい。
カクカクしてて、陳腐な感じになる。
そこで、フォント変えたいな。と色々ググってた中で、Google Fontsの存在に行き着く。

使い方

スクリーンショット 2019-09-13 00.08.54.png

こんな感じの画面で、上部赤い部分、現在「japanese」になってますが、そこで言語を選べます。
その下には、各フォントごとにこんな感じだよーって、ずらっと並んでて気に入ったのを選びます。

気に入ったフォントがあったら、フォントの横にある+マークをクリック。
スクリーンショット 2019-09-13 00.22.31.png

すると右下になんか黒いのが出現するので、次はそれをクリック。
スクリーンショット 2019-09-13 00.22.49.png

こんな感じの画面が出てきて、黒マルで囲った場所に書かれているコードをheadタグ内に記述すれば、あら不思議。フォントが変わります。
スクリーンショット 2019-09-13 00.23.23.png

参考:Webフォントとは?Webフォントを利用してWebサイトのデザイン性を高めよう

Why do not you register as a user and use Qiita more conveniently?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away