Webフォントを使う理由、使わない理由

※この記事は読者によって投稿されたユーザー投稿のため、編集部の見解や意向と異なる場合があります。また、編集部はこの内容について正確性を保証できません。

 

昨今では、より洗練された見た目にするために、Webフォントを使用することが一般的になっています。しかし、日本語、中国語、韓国語などの2バイトフォントは、単純に文字が多いことからWebフォントの種類が少ない、また、普及度合いが低い現状があります。

アルファベットは、26文字しかありません。大文字、小文字、数字、記号を含めても100文字程度です。一方、日本語にはひらがな、カタカナ、漢字、記号など、およそ7000文字以上も含まれています。
2バイトWebフォントは、収録しなければならない文字数が多いため、作成者が少なく、優良なものも多いという当然な理由により、Webフォントの選択肢は狭くなっています。一例として、「Google Fonts」で比較すると、英語Webフォントが832個あるのに対し、日本語Webフォントは9個しかありません(2017年8月時点)。

無題

とはいえ、ヒラギノなど、WindowsやAndroidでは標準出力として用意されていないメジャーフォントもあります。
これを画像(画像化した文字)で実現するにしても、レスポンシブwebデザインが一般的になってきている現状で、様々な画面サイズで出力する際に画質が気になるなどの課題があります。また、改訂のたびにデザイナーの手を借りなければならないのも画像化するデメリットとして挙げられます。

デザイン上、字体のアレンジは読みやすさを演出し、滞在時間を伸ばすことができるなどメリットが多くありますから、Webフォントを利用する積極的な理由はあるでしょう。

Webフォントを導入する際に、一点だけ気を付けるべきはWebフォントのファイルサイズです。
例えば、英語フォントの「Noto Serif」は0.8MBですが、日本語フォント「Noto Serif CJK JP」はなんと124MBとなっており、その差は150倍以上です。
original

このような大きいサイズのファイルをそのまま読み込ませて使用するのは、Webサイトのパフォーマンス低下に直結するため、避けるべきです。

現実的な使用方法としては、漢字をJIS第一水準のみにするなど、絞って読み込ませることが必要です。これをサブセット化といいます。
つまり、サブセット化されたWebフォントを選べば、比較的導入の障壁を下げることができます

以上のようなページ出力のパフォーマンス、メンテナンス性、表現力向上を考慮したWebフォントの導入を一度検討されてみてはいかがでしょうか。

https://www.citrusjapan.co.jp/column/cj-column/w003_201709.html

この記事が役に立ったらシェア!
tweet8はてなブックマークに追加
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める
日本赤十字社 東日本大震災 義援金募集
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める

Web業界の転職情報

もっと見る
Sponsored by

人気記事トップ10(過去7日間)

今日の用語

広告代理店
広告を出したい者(広告主)と広告を掲載する者(媒体)の間にたつ存在。 媒体 ... →用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]