Wie kann verhindert werden, dass Browser mithilfe von @font-face Schriftarten herunterladen, die bereits auf dem System des Benutzers installiert sind?

@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 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 geänderten Code stellt „local('DejaVu Serif')“ sicher, dass Chromium prüft Suchen Sie nach der DejaVu Serif-Schriftart, die auf dem System des Benutzers installiert ist, bevor Sie versuchen, sie aus dem Internet herunterzuladen.

Dieser Ansatz garantiert ein optimales Laden der Schriftarten, da der Browser die lokale Kopie verwendet, sofern verfügbar, wodurch unnötige Downloads vermieden und die Seitenlast reduziert werden Zeit.

Das obige ist der detaillierte Inhalt vonWie kann verhindert werden, dass Browser mithilfe von @font-face Schriftarten herunterladen, die bereits auf dem System des Benutzers installiert sind?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!