0

希望事情进展顺利。

我目前正在使用 Zurb Foundation 4 为网站构建 html/css 原型。我目前只是使用 Sublime Text 3 和互联网浏览器来构建它。我对使用 Zurb Foundation 图标集非常感兴趣，但我目前无法让它们显示。虽然我安装了 Scout for sass，但我希望继续使用文本编辑器和浏览器来构建这个原型。虽然我能够从 Zurb Foundation 网站下载图标包，但我不清楚如何将这些文件构建到我当前的项目中。我的项目为以下文件夹/文件结构：

  • css（包含foundation.css、foundation.min.css、normalize.css）
  • img（包含 .gitkeep）
  • js（包含基础和供应商 js 文件）
  • 索引.html

Zurb Foundation 图标带有各种文件类型，包括 .css、.eot、.svg、.woff 等，包括一个名为“svgs”的文件夹，其中似乎存放了这些图标字体。我试图做以下事情：

  1. 将 zurb 基础图标字体文件夹的内容放入我的项目的 css
  2. html页面上的链接基础图标样式表
  3. 在 html 中我输入了“”来测试一个图标

虽然面板外壳图标确实变大了一点，但图标并没有出现。是否可以在运行和编译 sass 时使用图标字体？我可以纯粹做 html/css 还是我需要 gem 和 compass 运行？我对使用图标字体和实现感到满意，但我只是不确定如何设置它。

任何人都可以建议一个文件夹结构和简单的说明如何正确地将包含在基础图标包中的文件添加到基本的 zurb 项目（例如您从他们的网站下载 zurb 基础时收到的基本项目）？

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

4

1 回答 1

0

我能够让图标正常工作。我将基础图标包的内容放到了一个单独的文件夹中。我实际上没有正确定位图标。虽然 Zurb Foundation 示例将示例图标称为通用图标foundicon-settings，但 SVG 图标具有诸如fi-clipboard-notes或之类的名称fi-calendar。我将 CSS 类添加到我的自定义样式表中，以便我可以利用元素的 font-size 快速调整图标的大小。

于 2013-11-17T20:30:14.547 回答