希望一切顺利。
我目前正在使用 Zurb Foundation 4 为网站构建 html/css 原型(prototype)。我目前只使用 Sublime Text 3 和互联网浏览器来构建它。我对使用 Zurb Foundation 图标集非常感兴趣，但目前无法显示它们。虽然我安装了 Scout for sass，但我希望继续使用文本编辑器和浏览器来构建这个原型(prototype)。虽然我能够从 Zurb Foundation 网站下载图标包，但我不清楚如何将这些文件构建到我当前的元素中。我的元素为以下文件夹/文件结构:
- css(包含 foundation.css、foundation.min.css、normalize.css)
- img(包含 .gitkeep)
- js(包含基础和供应商js文件)
- index.html
Zurb Foundation 图标带有各种文件类型，包括 .css、.eot、.svg、.woff 等，包括一个名为“svgs”的文件夹，这些图标字体似乎存放在该文件夹中。我已尝试执行以下操作:
- 将 zurb foundation 图标字体文件夹的内容放入我元素的 css 中
- html页面上的链接基础图标样式表
- 在 html 中我输入了“”来测试一个图标
虽然面板外壳图标确实变大了一点，但图标并没有出现。是否可以在运行和编译 sass 时使用图标字体？我可以纯粹做 html/css 还是我需要运行 gem 和指南针？我对使用图标字体和实现很满意，但我只是不确定如何设置它。
任何人都可以建议文件夹结构和简单说明如何正确地将包含在基础图标包中的文件添加到基本 zurb 元素(例如从他们的站点下载 zurb 基础时收到的基本元素)？
提前致谢，非常感谢您的帮助。
最佳答案
我能够让图标正常工作。我将基础图标包内容放入一个单独的文件夹中。我实际上没有正确定位图标。虽然 Zurb Foundation 示例将示例图标称为通用 foundicon-settings，但 SVG 图标的名称如 fi-clipboard-notes 或 fi-calendar。我将 CSS 类添加到我的自定义样式表中，以便我可以利用元素的字体大小快速调整图标的大小。
关于css - Zurb Foundation 4 图标字体设置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20035545/