Webフォント 【Web Font】
Webページ(HTML文書)の見栄えを指定するCSS(Cascading Style Sheets)では、font-familyプロパティなどで文字を表示する際のフォントを指定することができるが、従来は指定したフォントが表示側のコンピュータに導入されていなければ適用することができなかった。
WebフォントはフォントファイルをWebサーバ上に置いておき、表示するコンピュータに存在しない場合はその場でダウンロードして取り寄せ、ページの表示内容に反映させる仕組みである。画像の読み込みなどと同じように、フォントを置く場所はWebページと同じサーバ上でも外部のサーバでも構わない。
CSSでは「@font-face」ルールを用いて指定する。「@font-face: {font-family "My Font" src:url("/MyFont.woff") format("woff")} のように記述すると、サーバ上で絶対パス指定した「/MyFont.woff」ファイルを「MyFont」というフォントファミリ名で参照できるようになる。以降は「font-family: MyFont;」のように指定した箇所にこのフォントが適用される。
WebフォントのフォントファイルはWOFF(Web Open Font File)形式(ファイル名の拡張子は.woff)かバージョン2であるWOFF2形式(.woff2)が用いられる。フォントデータの形式は広く普及しているTrueType形式と同じであり、TrueTypeフォントをWOFF形式に変換したり、ページ上の文字だけ抜き取った特別なWOFFファイルを作成することもできる。
Web上には米グーグル(Google)社の「Google Fonts」(Googleフォント)のようにWebフォントを公開および配信するサービスもあり、フォントファイルを作成して自分のWebサイトに用意しなくても、配信サービスて公開されているフォントを呼び出して適用することができる。