約10年前に登場したWebフォントは、Webサイトにおけるテキストのデザインを大きく変えました。主要なフォントベンダーがリリースする新書体は、今やWebフォントにも対応していることがごく一般的となっています。書体選びの選択肢が増え、Webで実現できる文字の表現の可能性はどんどん広がり、美しいデザインのWebサイトも増えています。一方で「Webフォントは動作が重くて使いづらい」とのイメージを持っている人も少なくはありません。果たして、Webフォントは本当に重いのでしょうか？　その疑問を解決するべく、Webフォントサービスの「FONTPLUS」を展開しているSBテクノロジーに取材を敢行。「FONTPLUS」のエバンジェリストで、“フォントおじさん”の愛称でも広く親しまれている関口浩之さんに、現在のWebフォントの動向について伺いました。

選べる書体が増えることは、デザインの多様性につながる。一方で、膨大な数の書体の中で、どれを使えば良いか迷うことも多い。何かオススメの書体などはあるのだろうか？

「『万能な書体ってありますか？』と質問を受けることも多いですが、『この書体を使えば正解』という答えはありません。自分が手掛けるWebサイトのブランディングやビジョンに、どの書体が合うかを検討することが重要でしょう。それは、Webフォントが普及する以前には、あまり重視されることが多くなかったようにも思います。しかし、最近ではWebの世界でも、ブランディングにおけるフォントの重要性を理解しているディレクターが多く、初期段階でちゃんと書体について論議して意図を持って選んでいるケースが増えているようです」（関口さん）

明確な意図に基づいて書体を選ぶためには、それぞれの書体がどのような特徴を持つかを見分け、把握することが必要だ。明朝体とゴシック体の違いのような大まかなものだけではなく、たとえ同じ明朝体どうしであっても書体ごとに“クセ”や“表情”は異なる。

ブランディングのために、Webフォントを活用して書体を選び、デザインに多彩な“表情”を加えられることは分かった。そこで次に気になるのが、“とはいえ、Webフォントは重くて使いものにならないのでは？”という問題だ。

「まず大前提として、和文では欧米と比べて多くの文字が必要とされるため、たとえば明朝体ではフルセットで容量10MB以上、3ウエイトで容量30MB以上となるなど、データ自体が重いものです。ただし、この問題は、実際にWebページで使われている文字のみのダウンロードを要求する“サブセッティング方式”で解消されています。次に、Webフォントサービスの開始当初は、配信側での処理速度が今より遅かったことも事実です。しかし、FONTPLUSでは5〜6年前にJavaScriptの処理の仕方やフォントのサーチなどをフルチューニングして、処理速度は飛躍的に改善されました。他社のサービスも、同様に速くなっています」（関口さん）

その初期での印象が刷り込まれたままで、未だに「Webフォントは重い・遅い」とのイメージで思い込んでしまっているケースは多そうだ。処理速度の改善後に初めてWebフォントサービスを導入した場合には、速度が問題となることなく運用されているケースがほとんどであるという。

「ただし、他にもポイントはあって、Webブラウザが処理する優先順位として、Webフォントのレンダリングは最後なんです。そのため、DOMが走る数が多いなどの理由でページパフォーマンスが悪いと、いったんシステムフォントで表示されてからWebフォントに置き換わるまでに時間がかかり、チラつきを感じることがあります」（関口さん）

これはつまり、Webフォントの準備までの速度は十分でも、Webブラウザの仕様の都合上で表示が後回しになってしまう状態だ。パフォーマンスを良くする見直しが最善策なのだが、理想通りにはいかないこともあるだろう。そこで、1つの対処法となるのが、delayパラメータをJavaScriptタグに記述することによりシステムフォントを表示しない設定にして（FONTPLUSの場合）、チラツキを緩和し体感速度を快適にするという逆転の発想。ただしこの方法では、“何も表示されない状態”が長引くリスクも伴う。

「別の手段として、FONTPLUS独自の機能ですが、セルフホストにも対応するカスタマイズが可能なエンタープライズ・プラン向けには、WOFFデータ（Webフォント形式）をBase64符号化してCSSに組み込む方法も提案できます。2つのライセンスが必要にはなりますが、ホスティング型とサブセッティング型を併用し、ファーストビューの部分のみを瞬時に表示させて、遅れても良いところはスマートライセンス（ダイナミックサブセッティング方式）とする折衷案なども可能です」（関口さん）

どれが最適なソリューションなのかは、それぞれの環境ごとに異なるが、徹底的にシビアにこだわるユーザー向けの対応も、複数用意されているというわけだ。

多くのメリットがあるWebフォントだが、クライアントワークにおいては、導入の際にクライアントの了承が必要となる。クライアントへの説明の方法として、関口さんはユニークな秘策を挙げてくれた。

「ブランディングやアクセシビリティなどのメリットを説明する正攻法も大切ですが、どうしても理解を得るのが難しいこともあるでしょう。そこで、ときには『え、Webフォントを使わないんですか？　もう競合他社も使ってますよ』なんて言ってみるのも1つの手ですよね」（関口さん）

“変化球”での説得方法だが、決して事実と異なる誇張での大風呂敷というわけでもない。実際に「FONTPLUS」を利用中のユーザーの業種は非常に多岐にわたっている。

「もう今の時代では、Webフォントは特別なものではなく、身近にある“必須”の技術とも言えるんですよ。ブランディングのために書体を知ることが、Webの仕事をしている人にとってもすごく重要になっています。書体が果たす役割の重要性を分かっている人のもとでディレクションをやっている若い世代がフォントについて勉強しはじめていて、ここ3年くらいで“フォント好き”が急激に増えました。WebデザイナーやHTMLコーダーも、たとえば『同じ明朝体でもこんなに違うんだ』と気づいたりして、そこから書体に興味を持ちはじめてくれています」（関口さん）