Webfonts lokal einbinden - Gibt es Probleme mit STRATO??
bearbeitet von Gunnar Bittersmann@@VRG
> Es geht um folgende Testseite(n)
> [
> https://www.hanki-testet.de/](https://www.hanki-testet.de/) (Projekt aus der Arbeit, noch im Aufbau)
In deinem Stylesheet <https://www.hanki-testet.de/system/css/style.css> hast du zu stehen:
```css,bad
/* maven-pro-regular - latin-ext_latin */
@font-face {
font-family: 'Maven Pro', sans-serif;
font-style: normal;
font-weight: 400;
src: url('https://www.hanki-testet.de/fonts/maven-pro-v32-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://www.hanki-testet.de/fonts/maven-pro-v32-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://www.hanki-testet.de/fonts/maven-pro-v32-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('https://www.hanki-testet.de/fonts/maven-pro-v32-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
url('https://www.hanki-testet.de/fonts/maven-pro-v32-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://www.hanki-testet.de/fonts/maven-pro-v32-latin-ext_latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}
```
Das `local('')` kommt mir verdächtig vor. Nimm das mal raus.
(Oder mach `local('Maven Pro')` draus – oder wie immer die Schriftart heißt, wenn man sie lokal installiert hat. Das haben aber vermutlich die wenigsten, also kannste das weglassen.)
Und wo du gerade beim Rausnehmen bist: alles weg außer WOFF2 – das braucht kein Mensch mehr. Bleibt übrig:
```css
/* maven-pro-regular - latin-ext_latin */
@font-face {
font-family: 'Maven Pro', sans-serif;
font-style: normal;
font-weight: 400;
src: url('https://www.hanki-testet.de/fonts/maven-pro-v32-latin-ext_latin-regular.woff2') format('woff2');
}
```
Und wo du gerade beim Rausnehmen bist: Gib im Stylesheet nur die Schriftschnitte an, die du tatsächlich verwendest. Verwendest du tatsächlich die 400er, 500er, 600er, 700er, 800er und 900er?
Und falls du mehrere Schriftstärken verwendest (sagen wir, mehr als 2): Maven gibt es als **Variable Font**{:@en}. Du solltest in Betracht ziehen, diesen zu verwenden.
🖖 Живіть довго і процвітайте
{:@uk}
--
*„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“*
— @Grantscheam auf Twitter