Skip to content

Webfonts

Fontello auf Websites einbinden und erweitern

Neues Paket erstellen

Icons aussuchen (Select Icons)
ev. Klassennamen anpassen (Customize Names)
ev. Codes anpassen (Customize Codes)
Namen für das Paket vergeben
Paket runterladen
Zip-Ordner entpacken und die gesamte Struktur nach files/layout/fonts kopieren:

files/layout/fonts/css
files/layout/fonts/font
                   config.json
                   demo.html
                   LICENSE.txt
                   README.txt

{{% notice info %}} Lizenzdatei beachten und ins Impressum schreiben! {{% /notice %}}

Bestehendes Paket erweitern

config.json aus der Dateiverwaltung hochladen (Schraubenschlüssel anklicken > Import) => damit werden die bereits vorhandenen Icons markiert
zusätzliche Icons auswählen, weiter wie oben

Anwendung

fontello.css ins Seitenlayout einbinden
Klasse/Unicode aus der demo.html raussuchen
Klasse direkt ins Template bzw. den HTML-Code schreiben
oder, wenn kein Template erreichbar, über die Pseudoelemente ::before/::after mit der content-property: .class::before { font-family: 'entypo-basic'; content: '\e803' }

MyFonts-Schriften einbinden