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:

0




Schreibe einen Kommentar

shares