無料の日本語Webフォントを使おう
こんにちは!あすかです!
先月末くらいからGoogleFontsが正式に日本語フォントをサポートし始めましたね!
ということで今回は、Web制作で使える日本語の無料Webフォントの利点やサービスを紹介したいと思います。
記事の内容
- Webフォントを使う利点
- 日本語Webフォントを使用する際に便利なサービス
対象読者
- Webのフロント側を作る人
- Webのデザインを提案する機会がある人
- フォントが好きな人
どんなところが良いの?
まず、Webフォントの利点は
- 文字のデザインまでこだわることが可能であるため、オリジナリティを出すことが出来る
- 文章の変更が簡単
- 画像で置き換えるのと比較すると、SEO的に良い
- レスポンシブ対応がしやすい
などが挙げられると思います!
実際に使ってみるとこんな感じです。
全て同じ条件でフォントのみ変更したのですが、だいぶ印象が変わりました!
また、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サイトを少しオリジナリティのあるものにしたいときや、フォントにこだわりたいときなどにぜひ使ってみてください!