2012-04-23 50 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