Was Web-Font-Format hat die höchste Qualität?

Question

Ich habe gesehen, dass einige Websites verwenden @font-face aber sie sehen gruselig & ohne Anti-Aliasing, aber einige andere Websites verwenden, um einige Schriftarten mit einer sehr hohen Qualität, ich weiß nicht, ob sie OTF oder TTF oder SVG verwenden oder was Das ist genau das, ein Beispiel .

Ich habe in ihre Quelle gesucht, aber es ist wie 4 Schriftarten und ich kann nicht herausfinden, welches verwendet wird.

Danke

Answer 1

Es gibt drei Faktoren, die zur Anzeige der Qualität der Schrift beeinflussen:

1. Qualität der Schrift. Einige Schriften schlecht gemacht werden, einige Zeichen fehlen, haben einige Ligatur Fragen etc. Ich schlage vor, die Prüfung der Schrift in allen Browsern, bevor Sie handeln.
2. Browser-Rendering von der Schriftart. Chrome, Safari, IE und FF-Display-Schriften anders machen.
3. Formate lesbar durch den Browser: können jeweils auch nur lesen ein begrenzte Anzahl von Formaten . (EOT für IE, TT für so ziemlich alles andere, einschließlich FF, und es gibt mehr).

Fazit: Web-Schriften sind immer noch ein wenig von einem dunklen und geheimnisvollen Kunst. Unweigerlich wird es kleinere Unterschiede geben. Finden Sie ein gut Schrift gebaut, und testen Sie es über die Zielbrowser. Ich denke, wir sind immer noch sehr viel in dem Versuch und Irrtum Phase mit @font-face, aber gibt es gute Ressourcen auf dem Weg zu helfen.

Answer 2

Wenn Sie eine spezielle Schriftart, die im Internet verwenden, dann ist die Formatwahl ist ziemlich viel für Sie durch den Browser gemacht, und Sie müssen EOT, WOFF, TTF und SVG alle verfügbar sein.

Eine Website wie FontSquirrel wird eine Anleitung zur Verfügung stellen sowie die Schriftdateien selbst.

Answer 3

Die Schriftqualität hängt weitgehend davon ab, wie die Schriften umgewandelt werden. Sie können wählen, Dinge zu entfernen, dass Effekt Anti-Aliasing und Qualität wie Kerning Dateigröße, die viele Menschen tun, um zu sparen. Je besser das Aussehen, desto größer ist die Größe. Ein weiterer Faktor, der in die Fonts geht das Host-Betriebssystem. Sie haben bestimmte Möglichkeiten, sie tun Dinge, die die Art und Weise beeinflussen können bestimmte Schriftarten.

Auch ist dies nur irgendwie zufällig, aber man kann diese werfen in Ihren Code:

text-shadow: transparent 0 0 1px;

Es wird sich verbessern Anti-Aliasing, wenn auch nur in Google Chrome für den Augenblick.

Answer 4

Wenn es um Windows enthalten ist, eingebettete Schriftarten verwenden @ font-face machen schrecklich mit Cleartype ON .

Versuchen Sie, diese radikales Experiment:. Wiederum Cleartype OFF , und die Schrift-Rendering erneut prüfen

Während dies keinen Sinn zu machen scheint (das Gegenteil passieren soll), dann sollten Sie die Schriften jetzt finden aussehen glatt und natürlich.

Das ist für mich passiert und ich kann den Nachweis erbringen, wenn nötig. Die Web-Seite machen wird fein in Linux, Mac usw. ohne eine solche OS-Ebene Bastelei zu tun. Yay von Windows.

Ich versuche immer noch ein work-around für diesen zu bestimmen, denn offensichtlich kann man nicht alle fragt auf Ihrer Website suchen, die Windows-ist mit Cleartype zu deaktivieren, um Ihre Schriften gut aussehen werden.

Answer 5

Ich habe einige Experimente mit einem komplexen Schrift auf verschiedenen Browsern durchgeführt, während eine Website zu machen. Ich habe, dass ausnahmslos gefunden, Firefox und Chrome einfach nicht die Schrift auch unabhängig vom Format machen. IE beschränkt war sowieso EOT. Und überraschend, Opera macht den besten Job. Ehrlich gesagt, hat das Format zu ändern einfach nicht viel Unterschied machen. Insgesamt denke ich, Browser einen erheblichen Weg zu gehen, wenn es um Wiedergabe von komplexen, komplizierten Schriftart kommt.