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

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 loader reference on loading states (和 on github )。