LoaderはJavaScriptライブラリなのでJavaScriptを無効にしているブラウザの場合、ウェブフォントが利用できなくなってしまいます。そこで、このようなjsをオフにしているユーザ(全体の1%ほどだと言われています)にも配慮した利用法のメモです。<noscript>を利用<noscript>要素はJavaScriptを無効にしているブラウザのみに子要素が認識される特集な要素で、JavaScriptが有効なブラウザは<noscript>内を完全に無視します。JavaScript無効ユーザーには<noscript>内からウェブフォント用のcssをロードしたり<style>で@font-faceをセットします。type='text/css'></noscript>FOUTは発生しますが、ウェブフォントが利用できるようになります。jsが有効な場合のみ透明にするFOUTを防ぐためウェブフォントロード中はテキストを透明にする場合、JavaScriptが有効な場合のみvisibilityをhiddenにセットします。JavaScriptが有効かどうかでスタイルを分けるにはJavaScriptから適当なクラス(例えば.js)を<html>等にセットします。Loaderを非同期で読み込んでいたりフッターで読み込んでいたりすると、これらのクラスが追加されるのが遅くなる場合も考えられますから、外部のスクリプトやcssよりも前に<head>でインラインスクリプトから追加するのがオススメです。visibility:visible;}JavaScritpが無効になっている場合にvisibilityをhiddenにセットしてしまうと永遠にテキストが表示されない可能性もあります。Loaderで読み込む方法...。