@font-face src: local – Sicherstellung der lokalen Verwendung von Schriftarten

Diese Frage befasst sich mit der Frage, wie verhindert werden kann, dass Browser Schriftarten herunterladen, die nicht verfügbar sind sind bereits auf dem System eines Benutzers installiert, wenn die @font-face-Regel verwendet wird.

Das in der Frage bereitgestellte CSS verwendet die von Font Squirrel empfohlene Syntax. Das Problem besteht jedoch weiterhin in Chromium, was auf ein browserspezifisches Problem hindeutet.

Die Lösung liegt in der Nutzung des Schlüsselworts „local()“, um lokale Schriftartdateien zu priorisieren. Durch Ändern der src-Eigenschaft wie unten gezeigt versucht der Browser zunächst, die Schriftart vom lokalen System zu laden:

src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg');

In diesem Der geänderte Code „local('DejaVu Serif')“ stellt sicher, dass Chromium prüft, ob die auf dem System des Benutzers installierte DejaVu Serif-Schriftart installiert ist, bevor versucht wird, sie aus dem Internet herunterzuladen.

Dieser Ansatz garantiert ein optimales Laden der Schriftarten, da die Der Browser verwendet die lokale Kopie, sofern verfügbar, wodurch unnötige Downloads vermieden und die Ladezeit der Seite verkürzt werden.