Sie können benutzerdefinierte Schriftarten mit SeedProd verwenden, indem Sie die CSS3 @font-face Methode. Diese Methode ermöglicht es Ihnen, jede beliebige Schriftart in Ihre Website zu integrieren.

Zunächst müssen Sie die gewünschte Schriftart in einem webkompatiblen Format herunterladen. Idealerweise sollten Sie Ihre benutzerdefinierten Schriftarten auch in die folgenden Formate konvertieren, um sicherzustellen, dass sie in verschiedenen Browsern und auf verschiedenen Geräten sichtbar sind. Sie können den FontSquirrel Webfont-Generator verwenden, um die folgenden Schriftdateien zu erzeugen.

• WOFF: Web Open Font Format, geeignet für Webseiten.
• WOFF2: Eine verbesserte Version von WOFF mit verbesserter Kompression.
• TTF: TrueType-Schriftart, gebräuchlich für Mac OS und Windows.
• SVG: Skalierbare Vektorgrafik-Schriftart, die SVG als Glyphen erlaubt.
• EOT: Eingebettete OpenType-Schriften für die Verwendung auf Webseiten.
• OTF: OpenType-Format, das auf verschiedenen Plattformen weit verbreitet ist.

Nachdem Sie Ihre Schriftdateien erhalten haben, müssen Sie sie auf Ihren WordPress-Hosting-Server hochladen. Sie können dies per FTP, über den Dateimanager Ihres cPanels oder mit einem Dateimanager-Plugin tun. Wählen Sie einen beliebigen Ordner in Ihrem /wp-content/ um Ihre benutzerdefinierten Schriftarten hochzuladen.

Hinzufügen von benutzerdefinierten Schriftarten in den globalen CSS-Einstellungen von SeedProd

Nach dem erfolgreichen Hochladen der Schriftart verwenden Sie die CSS3 @font-face Technik mit direkten Links zu Ihren eigenen Schriftdateien.

Fügen Sie diesen CSS-Code, der auf Ihre benutzerdefinierte Schriftart verweist, in die Globale Einstellungen > Benutzerdefiniertes CSS Abschnitt in Ihrem SeedProd-Editor zu finden. Aktualisieren Sie die font-family und URL mit den Angaben zu Ihrer Schriftart.

@font-face {
font-family: 'YourFontName';
src: url('https://example.com/wp-content/Fonts/YourFont.ttf') format("ttf"),
url('https://example.com/wp-content/Fonts/YourFont.otf') format("otf"),
url('https://example.com/wp-content/Fonts/YourFont.svg') format("svg"),
url('https://example.com/wp-content/Fonts/YourFont.eot') format("eot"),
url('https://example.com/wp-content/Fonts/YourFont.woff') format("woff");
}

Anschließend können Sie die Schriftart auf Ihrer gesamten Website anwenden:

h1, h2, h3 {
font-family: 'YourFontName', sans-serif;
}

Beispiel: