2012-04-23 102 views
1

我需要一个解决方案..我在我的网站上使用谷歌字体,但它不是在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; 
} 
+0

safari做什么?它是否不使用指定的替代字体* sans-serif *? – Yogu 2012-04-23 21:05:26

+0

是的,但我需要改变它的大小,当它默认为无衬线...到12px而不是15px ... – liveandream 2012-04-23 21:09:37

+0

@Yogu我认为liveandream想要应用一整套不同的规则,如果字体不是'不工作。 liveandream:也许你应该问为什么它不起作用,你有尝试过其他链接方法吗?无论如何,你不能用CSS来做到这一点,你需要使用javascript。可能使用[this](http://paulirish.com/2009/font-face-feature-detection/) – 2012-04-23 21:10:40

回答

1

你应该使用网络字体加载能力来处理不加载字体的场景。 这样,您可以根据加载状态(活动/不活动/加载)指定不同的样式。

请参阅web-fonts loader reference on loading states