如何使用基金會表達式引擎5.0圖標字體

Question

我下載的基礎5字體圖標 和病蟲害此解壓縮文件到我的風格的文件夾，

1. 基礎，icons.eot

2. 基礎，圖標.woff

3. 基礎，icons.ttf

4. 基礎，icons.svg

5. 基礎，icons.css

6. 和SVG文件夾

我聯繫的基礎，icons.css

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

但是當我打電話的圖標，<i class="fi-battery-empty">helo icon bettery</i>

我結束了不定形圖標

我所有的CSS基礎圖標的樣式都與正常，但我只得到一個方盒子圖標，我在您的網站的根掛靠在現場

Answer 1

所有圖標，創建字體文件夾並解壓縮你的基礎的圖標在那裏，所以你必須像這樣

fonts/foundation-icons 

然後在您的網站的頭部只是像做

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

這應該工作。

我不認爲它需要把裏面的expressionengine模板的基礎字體css文件，但即使你做，只要確定該文件指向正確的fonts目錄