Hinzufügen von Fonts und deren Dateien

Um spezielle Fonts zu definieren, müssen Sie diese in der Datei „styles.css“ definieren.

Geben Sie in Ihren Bereich „Custom Styles“ ihre Font-Definition an: z.B. für den „Kausham Script“-Font:


@font-face {
font-family: ‚Kaushan Script‘;
font-style: normal;
font-weight: 400;
src: local(‚Kaushan Script‘), local(‚KaushanScript-Regular‘), url(https://fonts.gstatic.com/s/kaushanscript/v5/qx1LSqts-NtiKcLw4N03IEd0sm1ffa_JvZxsF_BEwQk.woff2) format(‚woff2‘);
}

Wenn Sie dann z.B. den Titel Ihrer Seite (site-title) mit dem Font belegen wollen, ggf. noch eine Font-Größe und einen Schatten dabei haben wollen, fügen Sie nach der Font-Definition folgenden Code ein:


.site-title {
font-family: „Kaushan Script“,“Helvetica Neue“,Helvetica,Arial,cursive !important;
font-size: 3em;
text-shadow: 2px 2px 2px #333;
}