Webfonts lokal einbinden - Gibt es Probleme mit STRATO??

[Gunnar Bittersmann]

@@VRG

Es geht um folgende Testseite(n) 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:

/* 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:

/* 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');
  }

Bei den anderen Schriftschnitten entsprechend.

Aber 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. Du solltest in Betracht ziehen, diesen zu verwenden.

🖖 Живіть довго і процвітайте