Question

有人知道如何在Ember App中启用Foundation Icon Fonts吗？我试图将它放在供应商文件夹中，在公共文件夹中， - 仍然不能使用下面的代码示例：

# application.hbs

<ul class="menu">
      <li><a href="#"><i class="fi-list"></i><span>One</span></a></li>
      <li><a href="#"><i class="fi-list"></i><span>Two</span></a></li>
      <li><a href="#"><i class="fi-list"></i><span>Three</span></a></li>
      <li><a href="#"><i class="fi-list"></i><span>Four</span></a></li>
    </ul>

我还在ember-cli-build.js中添加了上面CSS的导入： app.import('vendor/foundation-icons/foundation-icons.css');

Answer 1

以下是如何实现这一目标（如果有更好的方法，那么总是受欢迎的）：

从site。
将其解压缩到this, is, another, way文件夹中。 your_ember_app/public文件夹现在包含public文件夹。
在foundation-icons语句之前添加导入到ember-cli-build.js，如下所示：

return app.toTree();
在app.import('foundation-icons/foundation-icons.css');页面中引用上述CSS，如下所示：

your_ember_app/app/index.html
现在一切就绪后，您可以在Ember模板中使用一个图标：

<link integrity="" rel="stylesheet" href="{{rootURL}}foundation-icons/foundation-icons.css"> {{#link-to 'protected' tagName='li'}} <a><i

如何在Ember应用程序中使用Foundation图标字体

1 个答案: