2013-02-12 14 views
0

我在我的網站標題的HTML中使用嵌入式谷歌字體。它在大多數計算機上的所有瀏覽器都能正常工作,但在某些Mac上無法正常工作。我爲此讀了一個解決方案,建議在我稱之爲字體的CSS中添加對於該行非常重要的聲明!但這並不起作用。我家裏有兩臺蘋果機,我和我的男朋友。字體在所有瀏覽器中都能正常工作,但在我的瀏覽器中,它只能在Firefox中使用。我們都在跑獅子山。有什麼建議麼??Google字體無法在某些mac上使用

下面是該網站的鏈接:http://nataliearriolaphotography.com

我試圖用@import方法在我的CSS這樣做,以及和它仍然沒有奏效。

+0

其他操作系統(如Windows,Ubuntu)的結果是什麼? – hakiko 2013-02-12 21:03:28

回答

0

的頁使用100重量字體的字體拉託家族,但宣佈爲在字體文本具有不同的字體重量:默認重量normal,即100中的頁面上指定的輔助字體是san-serif,這是一個不存在的字體(sans-serif將表示瀏覽器的默認無襯線字體)。不同的瀏覽器可能會根據具體情況採取不同的處理方式

所以,你應該添加

font-weight: 100; 

爲元素的CSS規則。

+0

Jukka字體重量已包含在Google HTML中。你可以在這裏看到Lato的谷歌字體頁面:http://www.google.com/webfonts#QuickUsePlace:quickUse/Family: San-serif只是指Lato不是襯線字體這一事實。它按照谷歌建議的方式寫在我的CSS中。問題不在於它使用的是Mac瀏覽器。我已經嘗試了你的建議,但沒有奏效。 – evangelion3258 2013-02-12 23:28:52

+0

我發佈的鏈接不起作用。如果你在谷歌字體上查找字體Lato,你可以看到代碼,因爲它們表明它被寫入。你選擇你想要的字體重量的單選按鈕,谷歌代碼會相應地改變。 – evangelion3258 2013-02-12 23:35:43

+0

谷歌生成的'@ font-face'規則中'font-weight:100'的出現正是你的CSS規則應該使用相同聲明的原因。谷歌的這些說明在這方面很sl。。解決這個問題可能無法解決問題,但仍然是正確的做法,應該在調試之前完成。 'san-serif' *是對不存在的字體的引用,並且'font-family'列表中的項目指定了備用字體;他們沒有描述對方。 – 2013-02-13 00:04:49

相關問題