Googleのフォントが動作しないときにフォントを定義する方法

Question

解決策が必要です。私のウェブサイトでGoogleフォントを使用していますが、Safariで動作しません。動かない？ここに私のCSSコードは次のとおりです。

@import url(http://fonts.googleapis.com/css?family=Pontano+Sans); 
    h2{ 
    font-family: 'Pontano Sans', sans-serif; 
    font-size: 15px; 
    text-transform: uppercase; 
    } 

私はちょうどこのような別のCSSルールを持つようにしたいが、それは、上記のルール上書きせず：

h2{   
font-family: Arial, Helvetica, sans-serif; 
    color: #666; 
    font-size: 12px; 
} 

Answer 1

をあなたが処理するために、ウェブフォントローダー機能を使用する必要がありますフォントが読み込まれないシナリオ。 そのようにして、ロード状態（アクティブ/非アクティブ/ロード）に基づいて異なるスタイルを指定できます。

web-fonts loader reference on loading statesを参照してください。