Css ZURB基金会4图标字体设置

希望一切顺利

我现在正在使用Zurb基金会4建立一个网站的HTML/CSS原型。我目前正在使用Sublime Text 3和互联网浏览器来构建这个。我很感兴趣使用ZURB基金会图标集，但我目前无法让它们显示。虽然我已经安装了Scout for sass，但我希望继续使用文本编辑器和浏览器来构建这个原型。虽然我能够从ZurbFoundation网站下载图标包，但我不清楚如何将这些文件结构化到我当前的项目中。将我的项目设置为以下文件夹/文件结构：

• CSS（包含基础、CSS、基础、最小、CSS、规范化、CSS）
• img（contains.gitkeep）
JS（包含基础和供应商JS文件）
• index.html

Zurb基金会图标包含各种文件类型，包括：CSS、.EOT、.SVG、.WOFF等，其中包括一个名为“SVGS”的文件夹，这些图标字体位于其中。我已尝试执行以下操作：

将Zurb基金会图标字体文件夹的内容放入我的项目

的CSS中 HTML页面链接基础图标样式表

在html中，我键入“”以测试图标

虽然面板外壳图标确实变大了一些，但图标没有出现。是否可以在运行和编译sass时使用图标字体？我可以单纯地使用html/css吗？还是需要运行gem和compass？我很习惯使用图标字体和实现，但我不知道如何设置它

可以推荐一个文件夹结构和简单的指令，如何正确地将基础图标包中包含的文件添加到一个基本ZURB项目中（这样的基本项目，当你从网站下载ZURB基金会时）？p>

---

提前感谢您，非常感谢您的帮助。

我能够让图标正常工作。我把基础图标包内容放在一个单独的文件夹中。实际上，我没有正确地瞄准图标。虽然ZURB基金会示例引用了一个示例图标作为通用代码> Fundion设置，SVG图标的名称有：<代码> Fi剪贴板注释或<代码> FI日历< /代码>。我将CSS类添加到我的自定义样式表中，以便通过利用元素的字体大小快速调整图标的大小