OthloBlog - オスロブログ -

名古屋のIT系学生コミュニティOthloTechのブログです。

無料の日本語Webフォントを使おう

"無料の日本語Webフォントを使おう"
こんにちは!あすかです!

先月末くらいからGoogleFontsが正式に日本語フォントをサポートし始めましたね!

ということで今回は、Web制作で使える日本語の無料Webフォントの利点やサービスを紹介したいと思います。

記事の内容

  • Webフォントを使う利点
  • 日本語Webフォントを使用する際に便利なサービス

対象読者

  • Webのフロント側を作る人
  • Webのデザインを提案する機会がある人
  • フォントが好きな人

どんなところが良いの?

まず、Webフォントの利点は

  • 文字のデザインまでこだわることが可能であるため、オリジナリティを出すことが出来る
  • 文章の変更が簡単
  • 画像で置き換えるのと比較すると、SEO的に良い
  • レスポンシブ対応がしやすい

などが挙げられると思います!

"Webフォント比較画像" 実際に使ってみるとこんな感じです。
全て同じ条件でフォントのみ変更したのですが、だいぶ印象が変わりました!

また、HTMLやCSSにコードを貼り付けるだけで使えるお手軽さもWebフォントの強みですね。

次に、日本語Webフォントを使うときに便利なサービスを紹介します。
使用の際は必ずライセンスや利用規約等を確認してくださいね!

無料の日本語Webフォントが見つかるサービス

GoogleFonts

fonts.google.com
恐らく「日本語 Webフォント」で検索したら1番上にヒットするのがGoogleFontsなのではないでしょうか?
冒頭でも紹介したように先日、日本語Webフォントの正式サポートが開始し、今までよりも利用しやすくなっています。

ためしがき

tameshigaki.jp
こちらは日本語のフリーフォントを試し書き出来るというサービスです。
サイトの特性上、掲載されているフォントは全てWebフォントとして利用することが出来ます。
ちょっとめんどくさいかもしれませんが、こちらの記事(https://its-office.jp/blog/web/2017/11/18/webfonts.html)等を参考に試してみて下さい。

LeafSpace

https://leafscape.beleafscape.be こちらは、既にWebフォントの形式に変えてある日本語フリーフォントが配布されているサイトです。
種類も豊富で、使い方もコードをコピペするだけなので簡単に利用することが出来ます。

まとめ

いかがでしたか?

自分のブログやWebサイトを少しオリジナリティのあるものにしたいときや、フォントにこだわりたいときなどにぜひ使ってみてください!