Schrift mit @font-face einbinden

[TS]

Hallo und guten Morgen,

@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.

Ich persönlich bevorzuge immer eine absolute Pfadangabe zur Domain-Root, also z. B. "/fonts/suetterlin.ttf". Und bitte keine vollstänige URL benutzen. Dann kann man dem Webauftritt so schlecht umziehen... Die Fonts müssen übrigens auch von derselben Domain geholt werden, wie ihre HTML-Seite, in der sie benutzt werden. Sonst weigern sich die meisten Browser.

Grüße
TS