FontsやTypekit、Fonts.comなど組み込みのモジュールで簡単にウェブフォントをロードすることが出来ますが、それら組み込みモジュール以外にも自サイトでホストしているウェブフォントや、第三者がパブリックに公開・ホストしているウェブフォントを自由にロードすることが出来ます。Japaneseを読み込むデモ組み込みモジュール以外のウェブフォントを読み込むには設定オブジェクトのcustomプロパティにフォント名、FVD、@font-faceが記述されているcssのurlをセットします。Japaneseを読み込んでいます。Japaneseのurlを指定していません。その代わりheadに極普通にcss(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css)を読み込んでいます。rel=”stylesheet”>を挿入するだけなので問題ありません。ページのcssに既に@font-faceが定義されている場合は、わざわざ別のcssに分離させたりする必要もありません。上記のデモではtestStringsプロパティに特定の文字列を指定しています。このtestStringsプロパティはフォントがロードされたか確認するための文字列で、そのウェブフォントが対応する文字でなければなりません。Areaを利用しているので、testStringにはそのアイコンフォントの適当なアイコンをユニコードで指定しましょう。日本語ウェブフォントなどは適当な日本語をtestStringsに指定しましょう。このプロパティをセットしない場合、そのウェブフォントのtestStringsは”BESbswy”が代わりに使用されます。ウェブフォントが”BESbswy”の一文字も対応していない場合、ロード失敗と判断されてしまうので注意してください。次の記事JavaScriptが無効になっている場合に対応する2015年9月16日JavaScriptをオフにしている場合でもウェブフォントが利用できるようにする方法...前の記事iframeなどにウェブフォントを読み込む2015年9月12日iframeなど別のコンテキスト上にウェブフォントを読み込む方法...。