Für unser neuestes ElmaStudio Redesign haben wir die bei Adobe Fonts zur Verfügung stehenden Schriften Degular und Degular Display verwendet. Die Schriften ins Frontend einzubinden war auch kein Problem. Dazu musste ich lediglich den von Adobe Fonts bereitgestellten Snippet in meinen Header einfügen. Um den Fontsnippet nicht bei einem Themeupdate zu verlieren, habe ich entschieden,…
Aktualisiert im September 2026: Die Child-Themes in der Liste am Ende liegen inzwischen auf GitHub. Die Anleitung selbst funktioniert unverändert. Viele von euch wollen die Google-Schriftarten nicht mehr von Googles Servern laden. Die Gründe sind unterschiedlich: Datenschutz, Caching oder einfach weniger Anfragen an fremde Server. Auf die Schriften im Layout musst du deshalb nicht verzichten,…
Es gibt jede Menge wunderschöne Google Fonts, aber da es inzwischen über 800 Schriften auf Google Fonts zur Auswahl gibt, kann es schwierig werden die passende Schrift für eine Webseite zu finden. Viel zu oft sieht man die gleichen Schriften im Einsatz, daher haben wir eine Liste weniger häufig verwendeter Google Fonts für dich zusammen…
Seither konnte man mit der „WhatFont“ Browser-Erweiterung herausfinden, welche Schriftarten und Schriftstile (Größe, Farbe, Line-Height etc.) auf einer Webseite verwendet werden. Jetzt gibt es das geniale Tool, das wir selbst schon seit Jahren täglich nutzen, sogar auch als iPhone App. Die Bedienung der WhatFont App ist super einfach. Nach der Installation auf deinem iPhone kannst…
Google Webfonts sind eine tolle Möglichkeit das eigene Webdesign mit schöner und etwas individuellerer Typografie umzusetzen, ohne gleich auf eine kostenpflichtige Lösung zurückgreifen zu müssen. Um Google Webfonts in einem WordPress-Theme einzubinden sollte man, statt der auf der Google Webfonts-Seite empfohlenen Methode der direkten Einbindung innerhalb des head-tags oder der Einbindung über @import ins Stylesheet,…
Es gibt inzwischen jede Menge Icon Fonts und in einem früheren Artikel habe ich bereits über die sehr beliebte Font Awesome Icon Font (eine Icon Font, die sich vor allem für Bootstrap-Projekte geeignet) berichtet. Für unser nächstes WordPress-Theme haben wir uns für die Genericons Icon Font entschieden. Die Font besitzt zwar keine so riesige Icon-Auswahl,…