制作お役立ち便利帳
文字に関するご質問
Webフォントにするメリットは何か？
Webの表示は利用者のPCなどにあるフォントを使うようにしていましたが、Webサイト側からすると紙面のデザインがどうなるか予想できないものでした。例えばwindowsの場合にOSの進化とともに標準搭載フォントが追加・変化してきました。
初期標準搭載 MSゴシック・MS明朝／MSPゴシック・MSP明朝／MS UI Gothic
Vistaから標準搭載 メイリオ
7から標準搭載 Meiryo UI
8.1から標準搭載 游ゴシック・游明朝
10から標準搭載 UDデジタル教科書体・Yu Gothic UI
さらに、Webはスマホやタブレットでも見られていて、Web表現のデザイン性を維持するためには、環境に依存しないフォント利用が必要になり、フォントデータをサーバーからダウンロードして表示するWebフォントが生まれました。特に欧文は非常に多くのデザインされたフォントが供給されています。
これらは日本のデザインにも多用されていますが、以前は文字列を画像化してGIFやJPGにして貼り付けていました。しかし文字を画像で表現すると、文章検索できないとか、検索エンジンにひっかからずSEO的に不利、また文字修正がやりにくい、スマホ用は別に対応しなければならない、などの難点がありました。
WebではCSS3.0 fonts moduleでサーバー側から提供されるフォントデータでクライアントが文字表示を行う機能の標準が提供されました。具体的にはWebブラウザの機能としてWebフォントがつかえるようになったのです。これによって、文字検索ができ、SEOに対応し、文字修正が簡単で、輪郭がはっきりしている文字表示ができるようになりました。またテキスト化されているので自動翻訳や音声読み上げソフトに対応できます。
CSS3.0では日本語縦組みもできるので、https://www.suzunoya.com/kinu/ のような縦組み混在のWebサイトも作られています。
キヤノングローバルサイトは、本文も含めてWebフォントを使っています。またレンタルサーバで有名なサクラインターネットではモリサワのWebフォントサービス「TypeSquare」から33書体がWebサイトに無料で利用できます。 https://www.sakura.ne.jp/function/webfont/
Webフォントは、文字数が少なくローディングの負荷が少ない欧文フォントで利用が広がったものの、文字数の多い日本語においてページごとにフォントをロードするのに若干時間がかかりましたが、最近ではネットの高速化と使用する文字だけをサブセット化して表示することで、利用面はかなり改善されています。Google Fontsも2014年から日本語フォントの無料提供をスタートしています。
Webフォントはブラウザの機能で表示するので、プリントやPDF化については、各ブラウザの機能や仕様に依存します。つまりブラウザが異なると出力結果は同じになりません。調整するにはブラウザで初期設定を変えるなどの手間がかかります。Webページを保存してプリントする場合には、CSSを書き換え、Webフォントをttfに変換する必要があり、そのようなサポートをするWebサイトもあります。また手持ちのフォントをWebフォントに変換してWebで使うためのコンバータなどもWeb上にあり、利用環境は整いつつあります。
Web制作会社の場合にはクライアントから依頼を受けて制作して納品するわけですが、その場合でもWebフォントは組み込めます。具体的には各フォント提供者の示す条件を見る必要があります。