我下载了Foundation 5字体图标,并将解压缩的文件打包到我的styles文件夹中,
Foundation-icons.eot
基金会图标
foundation-icons.ttf
foundation-icons.svg
foundation-icons.css
和svg文件夹
我链接了foundation-icons.css
<link href="{stylesheet=styles/foundation-icons}" rel="stylesheet">
但是当我调用图标时 <i class="fi-battery-empty">helo icon bettery</i>
我最终得到了不规则的图标
我所有的CSS基础图标样式均正确链接,但我仅将方形框图标链接到我在站点中链接的所有图标
在您网站的根目录下,创建一个字体文件夹并在其中解压您的基础图标,这样您就可以拥有它
fonts/foundation-icons
然后在您网站的开头部分执行以下操作
<link rel="stylesheet" href="{site_url}fonts/foundation-icons/foundation-icons.css" />
那应该工作。
我认为没有必要将基础字体css文件放入expressionengine模板中,但是即使这样做,也只需确保该文件指向正确的字体目录即可
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句