Question

我正在尝试使用Shopify和更少的字体真棒。我将我的less文件编译成css，并添加了以下图标。

.icon-caret-down:before {
  content: "\f0d7";
}

然后我将我的css文件重命名为css.liquid并上传它。当我试图在firefox中看到这个图标时，它就像垃圾一样。我应该把什么放在我的液体文件中，以免它变成垃圾？

Answer 1

我在我的网站上使用字体很棒，我改变的唯一部分是文件的顶部，将asset_url过滤器添加到less文件中。看看是否有帮助。这是它的样子：

@fontAwesomePath: '../font';

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

转向垃圾的字体令人敬畏的图标.liquid文件

1 个答案: