TOC
wwworkshop
Juicy Workshop

2.4.3
Schriften

Schriften können mit der CSS-Eigenschaft font-family geändert werden. Es gibt einige Standardwerte, die dem Browser grobe Vorgaben machen, welche Schrift verwendet werden soll (serif, sans-serif, monospace).

Um eigene Schriftdateien einzubinden gehe wie folgt vor:

  1. Kopiere die Schriftdatei mit der Endung .woff2, .woff oder .ttf in den Website-Ordner.

  2. Füge die @font-face-Regel hinzu und ersetze den Dateinamen durch den Namen deiner Schrift.

  3. Ändere die font-family.

style.css

@font-face {
    font-family: 'ABC Whyte';
    src: url('ABCWhyteInktrapEdu-Regular.otf');
}

* {
    font-family: 'ABC Whyte', sans-serif;
}