2016-01-05 63 views
1

我在這裏讀了很多「@ font-face不工作」的問題,但沒有人幫助我解決當前的問題。谷歌字體@ font-face不起作用

根據this,我必須「添加樣式錶鏈接以請求所需的網絡字體」。

所以在我的HTML的<頭>,我說:

<link href='https://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'> 

然後我試圖在我的HTML中加入這段代碼的風格我的元素:

<div style="font-family: 'Damion', serif;">My text</div> 

Damion字體:Damion Font Sample

目前它顯示Times New Roman中的「My Text」。

HTML或CSS其他地方的代碼片斷可能會取消@ font-face嗎?

Safari 9(優勝美地)。

+0

它在FF..btw中工作您檢查了哪個瀏覽器? –

+0

正常工作https://jsfiddle.net/m0revpc0/。這是別的。 –

回答

0

您提供的代碼工作正常。您可以檢查以下...

  • 這必須需要從 下載的CSS谷歌字體服務器連接到互聯網
  • 與打字錯誤

或請重新檢查代碼提供瀏覽器和版本

+0

我添加了瀏覽器和版本。有沒有CSS或HTML代碼或標籤禁用@ font-face? – MicroMachine

+0

其在Firefox,Chrome和Safari上的正常工作(8.0.8), 請檢查您的防火牆/代理/ Internet設置。 – asp