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

【问题标题】：How to define font when google font does not work谷歌字体不起作用时如何定义字体
【发布时间】：2012-05-04 12:30:36
【问题描述】：

我需要一个解决方案.. 我在我的网站上使用 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; 
}

【问题讨论】：

野生动物园是做什么的？它不使用指定的替代字体 sans-serif 吗？
是的，但是当它默认为 sans-serif... 时我需要将大小更改为 12px 而不是 15px...
@Yogu 我认为 liveandream 希望在字体不工作时应用一套完全不同的规则。 liveandream：也许你应该问为什么它一开始就不起作用，你有没有尝试过其他的链接方法？无论如何，你不能只用 CSS 来做到这一点，你需要求助于 javascript。可能使用类似this

标签： css fonts safari

【解决方案1】：

您应该使用 web-fonts 加载器功能来处理未加载字体的情况。这样，您可以根据加载状态（活动/非活动/加载）指定不同的样式。

查看web-fonts loader reference on loading states（和on github）。

【讨论】：