在Shopify商店使用字體真棒庫

http://fortawesome.github.com/Font-Awesome/

我用幾個Rails的項目，這些字體圖標，沒有問題，但由於某些原因，當我嘗試在Shopify商店中使用它們時，它們不會被渲染。

我使用另一個@ font-face沒有任何困難，但由於某些原因，這個@ font-face沒有渲染。

在資產/我：

fontawesome-webfont.eot 
fontawesome-webfont.svg 
fontawesome-webfont.ttf 
fontawesome-webfont.woff

，我和@字體面，就像我做的另一種字體面對面工作正常加載它們。在我的stylesheet.css中其中住在資產/

@font-face { 
    font-family: "FontAwesome"; 
    src: url('fontawesome-webfont.eot'); 
    src: url('fontawesome-webfont.eot?#iefix') format('eot'), 
    url('fontawesome-webfont.woff') format('woff'), 
    url('fontawesome-webfont.ttf') format('truetype'), 
    url('fontawesome-webfont.svg#FontAwesome') format('svg'); 
     font-weight: normal; 
     font-style: normal; 
    }

但是當我嘗試使用的圖標，他們似乎無法加載。任何想法爲什麼這不適用於Shopify？我覺得我錯過了一些小事，但我無法弄清楚。

來源

2012-06-30 dylanjha

您必須在CSS中使用liquid的asset_url;如果這不適合你，這裏是所有'Shopified'的文件：https://github.com/nairdairda/Shopify-Font-Awesome – 2014-07-26 01:15:06

您將希望在CSS中使用流動資產URL助手。對資產URL幫手更多的文檔都可以在這裏http://wiki.shopify.com/Asset_url

來源

2012-06-30 19:39:17

我目前正在使用@ font-face工作沒有流動資產網址。我的.css文件位於資產目錄中，我的.eot，.svg，.ttf，.woff字體也位於資產中。如果我使用資產URL助手，然後將我的.css文件放入.css.liquid文件中？ – dylanjha

是的，將您的.css重命名爲.css.liquid，並使用John提到的資產URL助手。 –

發現最簡單的辦法是重視這頭的theme.liquid

<!-- Font-Awesome ================================================== --> 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

沒有額外的上傳。沒有安裝。沒有麻煩。完成。

謝謝MaxCDN :)

來源

2015-02-17 09:19:19 gabchan

對我來說最簡單！謝謝哥們， – DoPeT

在Shopify商店使用字體真棒庫

回答

相關問題