2014-11-21 107 views
0

我想在我的網站上嵌入字體「gothamcondensed」,但它不工作,我用字體松鼠的@ font-face。我只是移動我的字體在服務器上,並更改網址,但它不工作。字體嵌入不工作

有什麼建議傢伙?我真的需要一個建議。下面是我的代碼:

@font-face { 
    font-family: 'gothamcondensedbold'; 
    src: url('http://some-url.com/zts-fonts/gothamcondensed-bold_0-webfont.eot'); 
    src: url('http://nx3corp.com/zts-fonts/gothamcondensed-bold_0-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://nx3corp.com/zts-fonts/gothamcondensed-bold_0-webfont.woff2') format('woff2'), 
     url('http://nx3corp.com/zts-fonts/gothamcondensed-bold_0-webfont.woff') format('woff'), 
     url('http://nx3corp.com/zts-fonts/gothamcondensed-bold_0-webfont.ttf') format('truetype'), 
     url('http://nx3corp.com/zts-fonts/gothamcondensed-bold_0-webfont.svg#gothamcondensedbold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} body { 
    margin:0; 
    padding:0; 
    font-family: 'gothamcondensedbold'; 
} 
+0

是第一個eot的「http:// some-url.com」正確嗎?或者僅僅是一個示例佔位符 – 2014-11-21 14:12:15

+0

是否在控制檯中出現錯誤? '沒有'訪問控制允許起源' – 2014-11-21 14:23:54

+0

是的網址是正確的我能夠從網址下載字體 – Matt 2014-11-21 14:33:38

回答

0

該問題似乎與跨域字體請求。你可能想看看這個放置到的.htaccess或httpd.conf文件在服務器上:

# Apache config 
<FilesMatch ".(eot|ttf|otf|woff)"> 
    Header set Access-Control-Allow-Origin "*" 
</FilesMatch> 

# nginx config 
if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){ 
    add_header Access-Control-Allow-Origin *; 
} 

進一步的信息點擊這裏:http://davidwalsh.name/cdn-fonts

或上傳字體,當然,如果在同一臺服務器這是一個選擇!

+0

非常感謝你們,那實際上是跨產地問題,我在相同的服務器上上傳字體,並且工作。 :) 謝謝lee_gladding – Matt 2014-11-21 15:13:08

+0

哈哈...沒有意識到這是你的選擇,但很高興我們得到了你的問題的根源。 – 2014-11-21 15:21:15