JARVIS
Unter www.google.com/fonts bietet Google aktuell über 800 Schriften zur kostenlosen Nutzung an. Darunter Fonts aus den Kategorien:
- Serif
- Sans Serif
- Display
- Handwriting
- Monospace
Wer eine dieser Schriftarten für seine eigene Webseite oder wie hier im Webshop PrestaShop nutzen möchte, kann dies grundlegend auf 2 Arten einrichten. Zuerst solltest du dich auf der Webseite umsehen und eine passende aussuchen. Über den Link „Select This Font“ wird die Schrift ausgewählt und der entsprechende Code erstellt.
Google Font – Standard Verwendung
Hierfür den dort angezeigten Link, hier für die Schriftart Roboto : <link href=“https://fonts.googleapis.com/css?family=Roboto“ rel=“stylesheet“> in die index.php oder index.html, in den <head></head>deiner Webseite kopieren.
Die Verwendung ist dann wie bei allen CSS Anwendungen mit z.B.: font-family: ‚Roboto‘, …
Google Font – @Import Verwendung
Eine weitere Möglichkeit ist der Import direkt in die CSS Datei deiner Webseite oder des Webshops. Hierfür ist ein Import notwendig der in den <style></style> deiner .css Datei ganz oben am Anfang des Dokuments erfolgt.
Die Verwendung ist dann wie bei allen CSS Anwendungen mit z.B.: font-family: ‚Roboto‘, …
Google Font – Anpassungen
Über den Reiter Customize, kann das Gewicht der Schriftart und ggf. die Sprache angepasst werden.
Google Font in PrestaShop
Damit sich der Kreis an dieser Stelle schließt, hier der Weg wie ich die Google Fonts im PrestaShop verwendet habe. Dafür habe ich den 2. Weg über den Import gewählt. Ich habe im Template, im Ordner CSS, die global.css editiert und wie oben beschrieben die Anpassungen durchgeführt.
Thats it – have fun…
Interessiert in verschiedenste IT Themen, schreibe ich in diesem Blog über Software, Hardware, Smart Home, Games und vieles mehr. Ich berichte z.B. über die Installation und Konfiguration von Software als auch von Problemen mit dieser. News sind ebenso spannend, sodass ich auch über Updates, Releases und Neuigkeiten aus der IT berichte. Letztendlich nutze ich Taste-of-IT als eigene Dokumentation und Anlaufstelle bei wiederkehrenden Themen. Ich hoffe ich kann dich ebenso informieren und bei Problemen eine schnelle Lösung anbieten. Wer meinen Aufwand unterstützen möchte, kann gerne eine Tasse oder Pod Kaffe per PayPal spenden – vielen Dank.