Bakehouse Icon Font für das Frontend

Mit der Bakehouse Icon Font verfügen Entwickler auf Wunsch über ein umfangreiches Set skalier- und editierbaren Icons "out of the box" – so  können beispielsweise Größe, Farbe oder Schlagschatten schnell und einfach mittels CSS angepasst werden.

Icons, Bezeichnungen und Codes

Derzeit besteht die Bakehouse Icon Font aus 160 Icons.
Die Übersicht findest du hier.

So kannst du das Icon-Set verwenden

CSS im Page-Header laden:

Die für die Icon Font zuständige CSS-Datei wird nun in deinem Projekt geladen. Verschiedene Implementationsmöglichkeiten stehen nun zur Verfügung.

HTML:

HTML (mittels Ligaturen):

CSS:

CSS Class-Prefix:

Eigene Klasse:

Das Iconset in der Navigation oder im Page Objekt

Über die Seiteneinstellung kann bei aktiviertem Fronten-Iconset ein Icon pro Seite ausgewählt werden. Dies wird automatisch in der Navigation ausgegeben oder kann über page.tx_bh_icon im Fluid angesprochen werden.