在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商店使用字体真棒库

回答

相关问题