Es wäre einfacher für die Entwicklung, wenn ich nur jede Schriftart einbetten könnte, die ich wahrscheinlich benutze, aber ich will definitiv nicht die zusätzlichen HTTP-Anfragen für Schriften, die nicht irgendwo auf der Seite landen. Kann mich jemand aufklären?Wird ein Browser eine Schriftart herunterladen, auch wenn sie nicht auf der Seite verwendet wird?
Leider werden die meisten Browser nicht raten Sie zu vermeiden, Fonts herunterzuladen, die nicht tatsächlich verwendet werden (eigentlich kenne ich keinen Browser, ist intelligent genug für solche Vermeidung, die natürlich nicht meine, einige solcher Browser könnten nicht existieren). Konnten Sie die Seiten während der Bereitstellung nicht nachbearbeiten, um die nicht verwendeten Seiten zu entfernen?
Das ist ein guter Vorschlag. Unglücklicherweise ist es mindestens so viel Arbeit, als nur herauszufinden, welche Schriftarten ich tatsächlich verwenden und an ihnen haften werde, da es in meinem Fall eine vernünftige Zahl ist. Danke für die Antwort –
IE wird die EOT-Datei sofort herunterladen, wenn die @ font-face-Deklaration auftritt.
Gecko, Webkit und Opera warten alle, bis sie auf HTML stoßen, das einer CSS-Regel mit einer Schriftart entspricht, einschließlich der Schriftart @ font-face.
- http://paulirish.com/2009/fighting-the-font-face-fout/
waren es also nicht für IE, es wäre eigentlich sicher viele Schriftarten einbetten, solange Sie vorsichtig sind nicht auf nicht verwendete in Ihrem CSS-Stile beziehen sich auf, weil Zu diesem Zeitpunkt werden sie vom Browser heruntergeladen.
Paul Irish hat ein wirklich gutes Tutorial zur Verwendung von @ font-face
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
Sie auch einen Syntaxgenerator auf fontsquirrel.com
zusätzlich verwenden können, können Sie dies auch tun: löschen Sie den Browser-Cache und führen Sie den Inspektor Ihres Browsers (Rechtsklick> Inpect) und Debugger (Ressourcen) aus. dann tippe die URL und schau, was heruntergeladen wird.
Probieren Sie es aus und verwenden Sie ein HTTP-Debugging-Tool, um zu sehen, was angefordert wird (z. B. fiddlertool oder livehttpheaders). Jeder Browser kann sich anders verhalten. –