Gunnar Bittersmann: Schrift mit @font-face einbinden

Beitrag lesen

@@Fieterich

@font-face { font-family: 'roboto'; src: url('roboto-regular.ttf') format('truetype'); }

Ich habe die TTF-Datei im selben Ordner wie die HTML-Datei abgelegt, um eventuelle Probleme mit der Adressierung zu vermeiden.

Wenn du die Date aus dem Stylesheet referenziert, gilt der relative Pfad von der CSS-Datei aus gesehen, nicht von der HTML-Datei.

Was du nicht machen solltest: Das TrueType-Format für Webfonts verwenden. Dafür ist WOFF/WOFF2 da; das ist besser komprimiert und wird von allen gängigen Browsern unterstützt.

LLAP 🖖

--
“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl