Lade die Schriftart auf die Webseite hoch. In diesem Beispiel Quicksand-Medium.ttf und Quicksand-Bold.ttf.
/var/www/example.com/fonts
Ergänze deine style.css und definiere für jede font-weight oder für jeden font-style einen eigenen Block in der Form @font-face. Achte auf die korrekte Quellangabe (src), wo sich die neue Schriftart befindet:
@font-face {
font-family: "meineSchriftart";
src: url("/fonts/Quicksand-Medium.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "meineSchriftart";
src: url("/fonts/Quicksand-Bold.ttf") format("truetype");
font-weight: 700;
font-style: bold;
font-display: swap;
}
body {
font-family: "meineSchriftart", sans-serif;
}
Wichtig: Überprüfe im Theme, ob keine Regel diese Schriftart übersteuert.