Wenn mehrere Quellen in einem @ font-face aufgelistet sind, werden alle auf der Client-Seite geladen?
Ich versuche die Geschwindigkeit meiner Site zu optimieren und möchte wissen, dass Browser nur die benötigte Datei aus dem folgenden Code oder allen Schriftdateien laden würden:
@font-face {
font-family: 'Proxima Nova';
src: url('proximanova-regitalic-webfont.eot');
src: url('proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('proximanova-regitalic-webfont.woff') format('woff'),
url('proximanova-regitalic-webfont.ttf') format('truetype'),
url('proximanova-regitalic-webfont.svg#proxima_nova_rgitalic') format('svg');
font-weight: normal;
font-style: italic;
}
Ist dies auch die optimale Methode, um @ font-face zu erstellen? Gibt es andere Strategien, um die Ladezeit für die Benutzer zu reduzieren?