Schriftarten werden in der theme.json Datei hinzugefügt. Am besten nur Google-Fonts verwenden, damit es später kein Ärger mit den Licence geben kann. Als erstes die Schriftart in den gewünschten Stilen von Google-Fonts herunterladen.
Dann die Schrift-Dateien in \assets\fonts\name_der_schriftart kopieren.
Jetzt in der theme.json unter settings->typoraphy->fontFamilies folgend ergänzen:
{"settings",
"typography": {
"dropCap": false,
"fluid": true,
"fontFamilies": [
{
"fontFace": [
{
"fontFamily": "Poor Story",
"fontStretch": "normal",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/poor-story/PoorStory-Regular.ttf"
]
}
],
"fontFamily": "\"Poor Story\", sans-serif",
"name": "Poor Story",
"slug": "poor-story"
},
}
Jetzt sollte im Backend die Schriftart zur Auswahl bereitstehen. Möchte man Sie zum Beispiel standartmäßig für H1 verwenden, dann kann man an der passenden Stelle die theme.json wie folgt ändern:
"h1": {
"typography": {
"fontSize": "1.625rem",
"lineHeight": "1.2",
"fontFamily": "Poor Story"
}
},
Schreiben Sie einen Kommentar