Welche Schriftarten die Browser herunterladen, wenn @ font-face

@ font-face verwendet wird, ist verwirrend, da sich alle Browser nicht für die Verwendung eines einzelnen Dateiformats entscheiden können. Unten ist, was ich derzeit verwende, um eine neue Schriftart zu einer Website hinzufügen, Sie können sehen, gibt es 4 separate Schriftart-Dateien, ich weiß, dass jeder ist, weil einige Browser verschiedene Formate unterstützen, aber lädt der Browser alle Dateien oder nur die 1 das braucht es?Welche Schriftarten die Browser herunterladen, wenn @ font-face

@font-face { 
    font-family: 'Oswald'; 
    src: url('oswald-webfont.eot'); 
    src: url('oswald-webfont.eot?#iefix') format('embedded-opentype'), 
     url('oswald-webfont.woff') format('woff'), 
     url('oswald-webfont.ttf') format('truetype'), 
     url('oswald-webfont.svg#OswaldRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

Quelle

2012-04-04 JasonDavis

Sie können immer auf die Zugriffsprotokolle Ihres Servers schauen und sehen, was genau der Browser heruntergeladen hat, oder verwenden Sie eine WebSniffer wie HTTPFox oder Firebug's Net Registerkarte, wenn Sie in Firefox sind. –

Google Chrome hat auch etwas zu sehen, was Sie herunterladen oder nicht. –

Ich glaube, dass es das erste kompatible Format für den Browser herunterlädt. Alles danach wird ignoriert. – Scott

Ich würde erwarten, für einen Browser alle Schriftarten zum Download, die es und als gilt die neueste nur, genau wie mit anderen CSS-Eigenschaften unterstützt.

Meine Erwartung scheint jedoch falsch zu sein. Auf einer Website, die Schriftarten mit Markup identisch mit dem, was Sie oben bereitgestellt haben, eingebettet hat FF nur die .woff-Datei heruntergeladen, obwohl es auch. TTF/.otf unterstützt.

FYI, the support matrix; einzelne Formate sind unten verlinkt.

Quelle

2012-04-04 22:07:04

Welche Schriftarten die Browser herunterladen, wenn @ font-face

Antwort

Verwandte Themen