0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2019-09-12

長年この業界にいる方ならお馴染みかもしれませんが、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サイトのデザイン性を高めよう

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?