Wie Verwenden von Foundation 5.0-Symbolschriftarten in Expression Engine - zurb-foundation, expressionengine

Ich lade Foundation 5 Font Icons und schädige diese entpackten Dateien in meinen Styles-Ordner,

  1. Stiftung-icons.eot

  2. Stiftung-Ikonen.woff

  3. Stiftung-icons.ttf

  4. Stiftung-icons.svg

  5. Stiftung-icons.css

  6. und SVG-Ordner

Ich verlinke die Stiftung-icons.css

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

aber wenn ich die Symbole rufe, <i class="fi-battery-empty">helo icon bettery</i>

Ich lande mit ungeformten Symbolen

alle meine CSS-Foundation-Icon-Stile sind alle richtig verknüpft, aber ich bekomme nur ein Quadrat-Box-Symbol für alle Symbole, die ich verlinke es in der Website

Antworten:

0 für die Antwort № 1

Erstellen Sie im Stammverzeichnis Ihrer Site einen Schriftartenordner und entpacken Sie dort Ihre Foundation-Symbole, damit Sie sie so haben

fonts/foundation-icons

Dann führe im Kopfbereich Deiner Seite einfach so etwas wie

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

Das sollte funktionieren.

Ich denke nicht, dass es notwendig ist, die CSS-Datei für die Foundation-Fonts in die Templates von expressionengine zu schreiben, aber selbst wenn Sie dies tun, stellen Sie einfach sicher, dass die Datei auf das richtige Fonts-Verzeichnis verweist


Verwandte Fragen