我下载基础5字体图标 并将这个解压缩的文件放入我的样式文件夹中
基础-icons.eot
基础-icons.woff
基础-icons.ttf
基础-icons.svg
基础-icons.css
和svg文件夹
我链接了foundation-icons.css
<link href="{stylesheet=styles/foundation-icons}" rel="stylesheet">
但是当我拨打图标时,<i class="fi-battery-empty">helo icon bettery</i>
我最终得到了不定形的图标
所有我的css基础图标样式都正确链接但我只得到一个方框图标到我在网站链接的所有图标
答案 0 :(得分:0)
在您网站的根目录下,创建一个字体文件夹并在那里解压缩您的基础图标,这样您就可以拥有它
fonts/foundation-icons
然后在您网站的主管部分执行类似
的操作<link rel="stylesheet" href="{site_url}fonts/foundation-icons/foundation-icons.css" />
这应该有效。
我认为没有必要将基础字体css文件放在你的表达式模板中,但即使你这样做,只要确保文件指向正确的字体目录