Wie greife ich auf Schriftarten in CSS zu?

8

Ich habe eine Schriftart, die ich auf einer Website verwenden möchte, und ich muss auf die verschiedenen alternativen Schriftartfunktionen zugreifen (insbesondere auf die hier ausgewählten Funktionen: Ссылка ).

Ich weiß, dass Mozilla das Feature -moz-font-feature-settings css hat, ABER ich brauche noch zwei Dinge:

  1. eine Möglichkeit, dies für Webkit-Browser zu tun (wenn möglich, Unterstützung für aktuelle IE-Versionen);
  2. Wie finde ich heraus, was ich als Wert für die -moz-font-feature-settings -Eigenschaften verwenden soll (Gibt es ein Werkzeug? Ein Standard?).

Ich bevorzuge CSS-Lösungen, aber wenn es eine andere, JavaScript-basierte Methode gibt, die wahrscheinlich auf den meisten Plattformen funktioniert, würde ich das definitiv verwenden.

Bearbeiten: Ich habe gerade die OpenType-Spezifikation gefunden: Ссылка und auch die CSS3 Entwurf: Ссылка Edit 2: Meine Lösung bestand darin, den Text in xelatex zu erstellen und dann in SVG umzuwandeln. Natürlich wäre dies keine Lösung für viel Text, aber gut für ein Textlogo.

    
Marcin 26.03.2011, 20:44
quelle

3 Antworten

6

Derzeit unterstützt kein Browser außer Firefox 4 font-feature-settings (und selbst dann wird die Mozilla-Erweiterung verwendet). Das CSS3-Fonts-Modul dokumentiert diese Eigenschaft, obwohl es ein Teil davon ist von CSS3 sollten andere Browser es schließlich unterstützen.

Ich bin mir keiner JavaScript-basierten Lösung sicher.

    
BoltClock 26.03.2011, 20:51
quelle
4

Der font-feature-settings stuff wird nun tatsächlich in WebKit Ссылка unterstützt noch nicht auf OSX Ссылка

Und jetzt auch in IE / Trident (IE10 Plattformvorschau).

Ja, um echte Typografie im Web machen zu können.

    
sideshowbarker 10.01.2012 05:11
quelle
4

Wie von sideshowbarker angegeben, wird CSS font-feature-settings jetzt weit mehr unterstützt. Sie können mit allen bekannten Vendor-Präfixen gemacht werden:

  • -webkit- (Google Chrome)
  • -moz- (Mozilla Firefox)
  • -ms- (IE 10 +)
  • -o- (Opera)

Leider werden sie von Safari noch nicht unterstützt. Sie werden auch in IE 9 und nicht unterstützt. Ab dem 26. November 2012 würde dies laut StatsCounter die Browser, die es nicht unterstützen, um 34% erhöhen. Das ist ein ziemlich großer Vorsprung, aber es geht die ganze Zeit runter.

Ich persönlich würde jetzt ein Bild statt einer Schriftart verwenden. 34% von etwas ist eine ziemlich große Menge. Wenn ich einkaufen gehe und einen Kuchen finde, den 34% der Leute, die ihn gegessen haben, nicht mögen, würde ich ihn nicht kaufen.

Wenn Sie jedoch font-feature-settings wirklich verwenden möchten, empfehle ich Ihnen diesen Artikel nach Schrift-Deck oder dieses , dass tatsächlich die Funktionen in Aktion sind.

Obwohl es so aussieht, als ob Sie Ihre Frage bereits beantwortet hätten, dachte ich, ich würde dieses Thema weiter ausführen. sideshowbarker hatte ein paar tolle Punkte, aber ich dachte, sie brauchten nur eine Klarstellung (und wenn ich nur 15 Reputation hätte, würde ich dich wählen, Bruder!)

    
Kenton de Jong 26.11.2012 07:01
quelle

Tags und Links