当谷歌字体不起作用时如何定义字体

Question

我需要一个解决方案..我在我的网站上使用谷歌字体，但它在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加载程序功能来处理未加载字体的情况。 这样，您可以根据负载状态（活动/非活动/加载）指定不同的样式。

请参阅web-fonts loader reference on loading states。