自分のウェブサイトの見た目を一定させるためにウェブフォントを使いたいということはある筈。日本語のフォントはファイルサイズが大きいこともあって転送量や表示に時間がかかるなど困ることも。以前にウェブフォントのサブセット化をやったことがあるが、それだと転送量の面しか良さがない。Sans系のフォントを愛用していたのだが、サブセット版のフォントファイルを自分のウェブサイトに置くものどうかなという考えに変わったので変更することにした。Fontsによると最近はウェブフォント用のCSSを用意しているのでそれを使えということみたい。sans-serif;簡単ね。このCSSファイルを見てみると解るがunicode-rangeで120程度にスライスされてぺージ表示に必要な分だけ読むようにしているみたい。そもそも対応する字数も少ないのでサブセットっぽい。JPフォントファイル全体をダウンロードすると転送量が多いし時間もかかるので、節約志向なら良さげではある。(含まれる字の異なる)複数のページを閲覧したらその利点は減るんだけど・・そして、このGoogleの用意したCSSを「そのまま」読み込む最大の問題はページ表示がとにかく遅くなること。ウェブサイト管理者・作成者のページ表示高速化の努力はこれだけで完全に台無しになる。2日本語のコンテンツの本文に使うフォント以外であれば、Javascriptと組み合わせて遅延(というか非同期)させてウェブフォントを読み込ませて適用するという方法を採用したいところであるが、日本語のコンテンツ本文のフォントをこのやり方で読み込ませると最初に通常フォントで表示されたあとに数秒間コンテンツの文字が非表示になってその後に指定したウェブフォントが表示されるという苛立たしい状態となる。途中の非表示というのは1秒であっても閲覧者は嫌うと思うのでこれはダメだと思われる。今回は上のGoogle提供のCSSを非同期読み込みさせたが、実際にやってみてページの大部分を占めるメインのウェブフォントでは採用すべきではないと思った。})();</script>もっと簡単にしたら、1行で下。Loaderを使えということだったらスンマセン。swap;を指定すればコンテンツの表示が高速(代替フォント)で且つ指定フォントへの切り替わりがマヌケにならないスマートな遅延表示が可能となる。(Microsoftのブラウザや一部のモバイル用ブラウザは非対応だがそういうゴミは無視で)ついでに端末ローカルに使用したいフォントがインストールしてあればそれを使うようにsrc:にlocalで使用フォントを指定しておくともっと良いかと。コメントをキャンセルメールアドレスが公開されることはありません。