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

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 加载器功能来处理未加载字体的情况。这样，您可以根据加载状态（活动/非活动/加载）指定不同的样式。

请参阅有关加载状态（和github）的 web-fonts 加载器参考。