Icon erstellen
über Icomoon
Illutstrator:
- .svg Datei erstellen quadratisch anlegen ! black
- Namen der Datei bitte Linux konform
- keine Umlaute
- keine Leerzeichen
- keine Sonderzeichen
- Trenner Bindestrich!
- Dateinamen nicht zu lang
- Voreinstellungen beibehalten
- Icons müssen aus einem Pfad bestehen !
Icomoon - Font erstellen:
https://icomoon.io/app/#/select
Einstellungen:
- import icons (dateien hochladen die zum Font generiert werden sollen) (1)
- Icoons auswählen (oben gelber Pfeil
- unten Generate font
- Icons müssen in der Vorschau angezeigt werden, sonst evtl. ein Pfad Fehler
• Preferences: (1.1)
◦ Font Name font_ownsome
◦ Class Prefix my- (ggf. umbenennen – oder du benennst die Dateien schon entsprechend
z.B. my-iconname
• Download
• Zip an uns schicken
Font erstellen
über Transfonter
Font über Google Fonts
- Get Font
- Download Fonts - zip
- einen Font .ttf auswählen
Zu transfonter um den Font umzuwandeln
- Einstellungen:
- Family support deaktivieren
- Subsets: Latin Extended
- Add fonts
- Convert
- Download your font-face kit
Font einbinden
TypoScript
- zip von transfonter local auf dem Rechner entpacken!
- Dateiliste > Template > Resources > Public > Fonts > neuen Ordner erstellen (font_fontstyle)
- Inhalt des .zips entpackt in den Ordner schieben
- Inhalt aus der stylesheet.css in die variable_fonts.less kopieren
- Dateiliste > Template > Resources > Private > Less > variable_fonts.less
- Pfade anpassen
- Pagefont unter @pagefont_nr hinzufügen
