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"
    }
},

Posted

in

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *