Einbetten kommerzielle Schriften in Websites

Question

Guten Abend meine Damen und Herren!

Die Suche nach einer Cross-Browser-Lösung für kommerzielle Schriften einbetten wie HelveticaNeue oder Univers usw. fand ich einige vielversprechende Ansätze.

Zunächst einmal werde ich alle gefunden anwerben, moderne und einfache Ansätze verwenden hier:

1. sIFR
2. Cufón
3. typeface.js
4. CSS3 font-face

sIFR ist gut bekannt und irgendwie einfach zu implementieren, aber ich weiß, nicht als einfach, wie es ist Javascript-nur Geschwister, Cufón und typface.js.

Cufón hat meine Aufmerksamkeit erregt, da es ein wenig besser macht als typeface.js, erstellt und Größe font-Dateien kleiner. Offenbar es keine rechtliche Möglichkeit ist es mit jeder kommerziellen Schriftart zu verwenden, da draußen, die in dieser Art von Lösung wird nicht anerkannt eingebettet ist.

Für typeface.js die gleiche Situation gilt, unterschiedliche nur in der Tatsache, dass es nicht einmal in der Lage ist Fonts mit einer Lizenz zu konvertieren, die verbietet es in Websites einbetten.

Last but not least gibt es diese 'neue' CSS-Eigenschaft, font-face genannt, das ist unglaublich einfach zu bedienen, aber für unsere beliebten IE müssen wir konvertieren die Dateien in EOT (implantierbare Opentype-Dateien).

Deshalb spezielle CSS-Deklarationen für IE, notwendig, um der Lage sein, verwenden diese Schriftarten im Browser.

Die Frage ist nun:

Was ist der beste Ansatz solche kommerziellen Schriften auf Websites verwenden? Verwenden Sie nur kostenlose Fonts ab sofort mit Cufón oder konvertieren alle verwendeten Schriften in EOT Dateien, und sie zusammen mit font-face verwenden?

Vielen Dank für Ihre gut argumentiert Antworten, ich schätze es!

Answer 1

Endlich, nach einigen Stunden Forschung und Tests fand ich eine sehr schöne Lösung für die Einbettung spezielle Schriftarten in Webseiten.

Mit dem Ansatz über CSS3 font-face ist imho die beste Lösung.

Die einzige Overhead-Sache, die Sie für den IE zu tun haben, ist zu konvertieren Ihre Truetype-Schriftarten (Leider ist OTF nicht funktioniert.) in EOT-Dateien. Microsoft TRESSEN ist eine Lösung, aber der beste Weg, dies zu tun, ist die Open-Source-Tool ‚ttf2eot‘ zu verwenden, die Hier finden Sie: http://code.google.com/p/ttf2eot/

Ein webbasiertes Frontend kann nach 'kirsle Assistenten' auf Google gefunden werden.

Das einzige, was zu beachten ist, Browser-Unterstützung ...

IE4,5,6,7,8 verwenden, um die EOT-Dateien, während TTF Unterstützung nur zur Verfügung gestellt von Firefox-Versionen> = 3.1. Über Safari und Opera Ich bin mir nicht sicher, aber Safari 4 für mich gearbeitet, und Opera 10 zu.

(So Chrome unterstützt es nicht glaube ich, durch die Nutzung von eine ältere Webkit-Version?!)

Auf der Grundlage unserer Agentur Kunden-Tracking-Statistiken ‚nur‘ 15 bis 20% ihrer Besucher nutzen unvereinbar Browser wie Firefox 2.0 oder 3.0, ältere Safari oder Opera-Versionen oder Chrome.

Answer 2

Die unten auf dieser Seite hat Informationen darüber, wie es mit gerade HTML und CSS zu tun: http://www.albinoblacksheep.com/text/font