問題與@字體面在Mozilla同時使用Shopify

我使用的CSS問題與@字體面在Mozilla同時使用Shopify

@font-face { 
font-family: ChangaOne-Regular; 
src: url({{ 'changaone-regular.eot' | asset_url }}); 
src: url({{ 'changaone-regular.eot?#iefix' | asset_url }}) format('embedded-opentype'), url({{ 'changaone-regular.woff' | asset_url }}) format('woff'), url({{ 'changaone-regular.ttf' | asset_url }}) format('truetype'), url({{'changaone-regular.svg#changaone-regular' | asset_url }}) format('svg'); 
font-weight: normal; 
font-style: normal; 
}

我已經保存在images文件夾中的字體。由於它沒有采用字體，所以我在我的css文件中的文件夾中創建了字體的副本。

現在它在鉻上運行得非常完美。但在Mozilla中，字體沒有被讀取。我發現，我們可以通過增加htaccess的CSS文件的文件夾內容

<FilesMatch "\.(ttf|otf|eot|woff|font.css)$"> 
    <IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch>

這也使得沒有在Firefox任何區別解決這個問題。那麼我們如何解決這個問題呢？任何想法？

來源

2013-01-25 Varada

嘗試使用字體文件的絕對URL。

來源

2013-01-25 11:06:38

它也不工作！ – Varada

firefox調試日誌顯示任何東西嗎？（按ctrl + shift + k然後刷新頁面） –

[08：54：12.459]可下載的字體：下載失敗（font-family：「ChangaOne-Regular」風格：正常體重：正常舒展：正常src索引：1）：錯誤的URI或跨網站訪問不允許來源：http://assets0.zipzoomautodealer.com/alpha/files/1959/1957/assets/changaone-regular.woff – Varada

問題與@字體面在Mozilla同時使用Shopify

回答

相關問題