Das Deklarieren einer benutzerdefinierten Schriftart in Ihrem WordPress-Theme ist sehr nützlich, um es zu personalisieren und an Ihre Grafikcharta anzupassen. Manchmal ist die Schriftart Ihrer Träume jedoch weder in Ihren Designoptionen noch in Google Fonts oder TypeKit zu finden.

In diesem Fall müssen Sie Ihr Design ein wenig anpassen, um die gewünschte Schriftart hinzuzufügen. Aber keine Panik, ich erkläre dir, wie es geht!

Laden Sie die Schriftart herunter

Zunächst müssen Sie über die Schriftart verfügen, indem Sie sie entweder von Schriftarten-Websites wie herunterladen dafont zum Beispiel, oder auf eigene Faust.

Beachten Sie das Urheberrecht, das Sie respektieren müssen. Zögern Sie nicht, die Schriftart bei Bedarf zu kaufen. Sie werden nur diejenigen bezahlen, die daran gearbeitet haben, damit Sie Freude daran haben!

TTF- und OTF-Formate sind derzeit weit verbreitet und mit den meisten Browsern kompatibel. Wenn Sie die Schriftart jedoch in andere Formate konvertieren müssen, gehen Sie zu Schriftart Eichhörnchen.

Laden Sie die Schriftart auf Ihren Server hoch

Laden Sie Ihre Schriftart per FTP in einen „Fonts“-Ordner in Ihrem Theme (vorzugsweise untergeordnetes Theme) hoch.

Deklarieren Sie Ihre neue Schriftart in Ihrem CSS

Gehen Sie zur CSS-Datei des untergeordneten Themes, wenn Sie die Schriftart im Ordner „fonts“ des untergeordneten Themes hochgeladen haben, andernfalls in der CSS-Datei des übergeordneten Themes oder in den Einstellungen Ihres Themes, wenn Sie CSS über anpassen können das WordPress-Backoffice. So geht's:

@font-face { Schriftfamilie: myfont; src: url("fonts/mapolice.otf"); src: url(fonts/mapolice.ttf) format('truetype'); Schriftstärke: normal; }

Verwenden Sie die neue Schriftart über CSS

Um Ihre neu deklarierte neue Schriftart zu verwenden, ist nichts einfacher: Sie müssen der CSS-Datei lediglich mitteilen, welchen Formaten Sie die Schriftart zuweisen möchten:

p,span {Schriftfamilie: Mapolice, Open Sans, Arial, Sans-Serif !important;} h1,h2,h3,h4,h5,h6 {Schriftfamilie: Mapolice, Open Sans, Arial, Sans-Serif !important ;} ;} div {Schriftfamilie: Mapolice, Open Sans, Arial, Sans-Serif !important;}

Und da haben Sie es: Wenn Ihnen dieser Artikel geholfen hat, zögern Sie nicht, ihn in sozialen Netzwerken zu teilen 😉