Webフォントとは?

インターネットを通してフォントデータを配信し、ブラウザにWebフォントを表示させるサービスです。導入することで閲覧者側の環境に依存せずに、制作者が使いたい・見せたいフォントを見せることが可能となる技術です。パソコンだけでなく、スマートフォン・タブレットでも表示可能です。


Webフォントとテキスト画像の違いについて

Webページ上で【システムフォント以外の文字の表示をする場合】や【書体を装飾する場合】にはテキスト画像を制作する必要がありましたが、これをする必要がなくなります。画像の場合コピー&ペーストも出来ませんが、Webフォントはテキストのためコピー&ペースト、検索が可能です。 また、表示内容の編集時には画像の作り直しの必要が無く、【ソースコード内のテキスト内容の修正のみで済む】というメリットもあります。

テキスト画像 Webフォント
拡大
※画像左Webフォント,
画像右テキスト画像
解像度不足からジャギーが出てしまう。※右画像 解像度は関係なく、拡大してもジャギーは出ない。
データリンク無効
への対応
Alt属性でテキストへの代替対応が必要。 画像ではないため代替対応必要無し。Webフォントが表示されない場合はシステムフォントが表示される。
コピー&ペースト 不可
SEO対策 不可
編集 制作会社に依頼して編集 自社でも編集可能。

Webフォントの表示方法について

Webページ制作時もしくは編集時にツールを使い、利用したい書体とWebフォント化させるテキストの指定をします。Webサイトにアクセスがあった場合には、サーバーからWeb表示に最適化されたフォントデータを配信することで、Webページ上に指定した形で表示されるようになります。