webフォント使用時のちらつきを解消する

adobeのtypekit webフォント利用時に、ダウンロードが未完了の場合、、一瞬デフォルトのフォントで表示されるてしまうためにチラついて見える事がある。

解消方法は以下のスタイルをcssに追加する。

html
    {
    visibility: hidden;
    }
html.wf-active 
    {
    visibility: visible;
    }

googleのwebフォントの場合もjavascriptでの読み込みの場合は同じように使える。