Wie mach ich in HTML, dass er eine Schriftart benutzt die nicht auf den PC installiert ist?
3 Antworten
![](https://images.gutefrage.net/media/user/Gho5txx/1591016531836_nmmslarge__45_17_420_420_ffa4b6977bed9c8eab091759832ee8a5.jpg?v=1591016532000)
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer
Du musst die Schriftart auf dem Server bereitstellen. Ich empfehle hier .woff
Danach musst du sie mit @font-face im CSS verfügbar machen:
@font-face {
font-family: "Mein Name";
src: url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
Dach könntest du sie mit dem Namen unter "font-family" verwenden.
.class {
font-family: 'Mein Name';
}
Hier ein kleiner Einblick mit ein paar mehr Infos:
https://www.hostinggutscheine.de/blog/post/0002-css-font-formate/
Woher ich das weiß:Berufserfahrung – Entwickler seit 2016 (Drupal, PHP, JS)
![](https://images.gutefrage.net/media/user/Functional/1676159504902_nmmslarge__0_0_960_960_e2ac34e1b18f19102f515d8e9bd9a8ba.jpg?v=1676159505000)
Mittels @font-face.
Die Schriftart wird beispielsweise als WOFF2-Datei auf dem Server abgelegt und in CSS eine @font-face Definition wie diese global hinzugefügt:
@font-face {
font-family: "Open Sans";
src: url("/assets/fonts/OpenSans.woff2");
}
Und dann kann die Schriftart einfach mittels "font-family: Open Sans" genutzt werden.
Woher ich das weiß:Berufserfahrung – Inhaber einer App-Agentur & 15+ Jahre Programmiererfahrung
![](https://images.gutefrage.net/media/user/FlockeFindet/1616679636767_nmmslarge__0_119_282_282_3d073a8dee3eace8a0cea528abd33081.jpg?v=1616679637000)
Kannst Du englisch?