如何在Expression Engine中使用Foundation 5.0图标字体

时间:2014-03-29 10:07:03

标签: zurb-foundation expressionengine

我下载基础5字体图标 并将这个解压缩的文件放入我的样式文件夹中

  1. 基础-icons.eot

  2. 基础-icons.woff

  3. 基础-icons.ttf

  4. 基础-icons.svg

  5. 基础-icons.css

  6. 和svg文件夹

  7. 我链接了foundation-icons.css

    <link href="{stylesheet=styles/foundation-icons}" rel="stylesheet">

    但是当我拨打图标时,<i class="fi-battery-empty">helo icon bettery</i>

    我最终得到了不定形的图标

    所有我的css基础图标样式都正确链接但我只得到一个方框图标到我在网站链接的所有图标

1 个答案:

答案 0 :(得分:0)

在您网站的根目录下,创建一个字体文件夹并在那里解压缩您的基础图标,这样您就可以拥有它

fonts/foundation-icons

然后在您网站的主管部分执行类似

的操作
<link rel="stylesheet" href="{site_url}fonts/foundation-icons/foundation-icons.css" />

这应该有效。

我认为没有必要将基础字体css文件放在你的表达式模板中,但即使你这样做,只要确保文件指向正确的字体目录