@fontface在http://www.domain.com上工作，但在http://domain.com上不起作用

@fontface當我加載http://www.grozav.com時工作，但在http://grozav.com上不工作。@fontface在http://www.domain.com上工作，但在http://domain.com上不起作用

我能做些什麼來解決這個問題？

@font-face { 
    font-family: Impact; 
    font-weight:bold; 
    src: url('http://grozav.com/font/impact.ttf'); 
    src: url('http://www.grozav.com/font/impact.ttf');} 

@font-face { 
    font-family: MisterGiacco-Bold; 
    font-weight:bold; 
    src: url('http://grozav.com/font/giacco.ttf'); 
    src: url('http://www.grozav.com/font/giacco.ttf');}

我試過把2個網址。沒有工作。有人可以幫我弄這個嗎？

來源

2012-01-04 Alex G.

什麼瀏覽器？你能提供一個截圖嗎？他們在Chrome 17，OS X上看起來也一樣。您是否嘗試清除緩存？ – kba 2012-01-04 18:20:50

我可以在FF9 Win7 64bit中確認它不工作。 – 2012-01-04 18:22:53

我看到你已經解決了它。但是，我會將所有流量從[www.grozav.com]（http://www.grozav.com）重定向到[grozav.com]（http://grozav.com），首先是因爲使用了www '作爲一個前綴是多餘的，過時的，但主要是因爲否則搜索引擎可能會索引兩個不同的頁面，用戶可能會感到困惑，因爲自動完成鍵入'grozav.com/so'時不起作用，因爲早些時候他們瀏覽的是「www.grozav.com/something」而不是「grozav.com/something」，反之亦然。 – kba 2012-01-04 18:49:38

爲什麼指定完整的URL？只要把：

src: url('/font/giacco.ttf');

這可能是@fontface不起作用跨域的情況下。 FireFox有這個問題。

但是，如果您使用的是來自同一個域內的文件，只是不指定完整域，並且只是提供ttf文件的路徑。

來源

2012-01-04 18:20:58 Curt

在哪些瀏覽器中它不起作用跨域？似乎在Chrome中爲我工作。 – 2012-01-04 18:22:28

@dotweb - 請參閱編輯。我可能是錯誤的，但無論哪種方式，這個問題可以通過不提供域來避免。這似乎沒有必要。 – Curt 2012-01-04 18:23:46

我正在使用firefox。我現在就試試。 – 2012-01-04 18:28:16

明確是網址，但爲什麼？顯然@ font-face並不關心跨域的問題，但firefox可以做，所以爲了使它在firefox中與跨域一起工作，你應該設置你的服務器（apache？）以避免對一個或多個域的這種限制，下一頁大約有一些這方面的信息： http://www.cssbakery.com/2010/07/fixing-firefox-font-face-cross-domain_25.html

我想最簡單的選擇是@柯特的選擇;）

來源

2012-01-04 18:41:27 martuanez

@fontface在http://www.domain.com上工作，但在http://domain.com上不起作用

回答

相關問題