Gutenberg – Andere Schriftart für Initialbuchstabe definieren

Viele Nutzer bevorzugen serifenlose Schriften (Arial, Proximanova, Geomanist etc.). Ich finde, dass in diesem Fall die seit Gutenberg frei wählbaren „Initialbuchstaben“ nicht so schön aussehen.

Ich finde es schöner, wenn der Initialbuchstabe – ganz ausnahmsweise natürlich 🙂 – in einem Font mit Serifen erscheint.

Initalibuchstabe

Mit einem Eintrag in die CSS – Datei eures Themes ist das schnell erledigt. Dabei ist allerdings darauf zu achten nicht der komplette Absatz in dieser anderen Schriftart dargestellt wird, sondern halt nur der 1. Buchstabe. Zu diesem Zweck kommt der CSS Selektor „first-letter“ zum Einsatz.

Es empfiehlt sich, in das File „style.css“ eures Childthemes einzufügen.

p.has-drop-cap:first-letter {font-family: "Marcellus", Georgia!important;}

Nach diesem Eintrag sieht es dann so aus:

Veröffentlicht von Horst

Irgendwann Anfang der 2000er Jahre habe ich mit dem Bloggen angefangen. Es ist zwar weniger geworden. Aber ab und zu schreibe ich hier und anderswo. horstschulte.com · bedburgisches.de · BlogMemo.de

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.