Da es möglich ist, Futter zu geben und Mediävalziffern ich dort die Browser-Unterstützung für tabellarische Ziffern mit Webfonts der Hoffnung ##Können Sie tabellarische Liniendarstellungen für Webfonts angeben?
Font: Brandon Grotesque
Verwandte: Is there a way to specify the use of text or titling figures in CSS?
einfach, ja.
Derzeit können Sie das Attribut „font-feature-settings“ in seinen voranen Formularen und „tnum“ auf die Werteliste (example) in tabellarische Ziffern im Opentype ist die Aktivierung von Fonts:
font-feature-settings: 'tnum';
-webkit-font-feature-settings: 'tnum';
-moz-font-feature-settings: 'tnum';`
prüfen caniuse zu Prüfen Sie, ob die Präfix-Versionen noch benötigt werden.
Hinweis, wenn Sie Typekit verwenden, um Ihre Webfonts zu bedienen, stellen Sie sicher, dass Sie unter Sprachunterstützung "Alle Zeichen" auswählen.
Während es möglich ist, Tabellenziffern anzugeben gibt es keine Garantie, dass der Browser des Endbenutzers die tnum Eigenschaft unterstützt.
Die State of Web Type verfolgt, welche Browser diese (und andere) erweiterte typografische Funktionen unterstützen.
Zum Zeitpunkt des Schreibenstnum wird unterstützt von:
tnum wird nicht unterstützt von:
Ich denke, das ist recommended way Zugriff auf diese OpenType-Funktion (fo nt-feature-settings: 'tnum' von Mark Fox Antwort):
font-variant-numeric: tabular-nums;
ich gar nichts http://caniuse.com/#search=font-variant-numeric noch finden kann so mit Mark Antwort bleiben, bis die Browserunterstützung besser bestimmt werden kann.
Ich glaube, es gibt eine Antwort auf die Frage. Zusätzlich zu der Frage, wie man Tabellenziffern spezifiziert, fragt das OP auch, ob es eine Browserunterstützung gibt. Der Link in meiner Antwort zeigt eine Tabelle der Unterstützung dieser Eigenschaft in den modernen Browsern. –
Meine Ansicht ist, dass es eine Antwort gibt. Die Frage ist zuerst "kannst du spezifizieren ...?" - Diese Antwort sagt "Ja". Gibt es Browserunterstützung? Antwort "nicht garantiert - hier ist eine Ressource, die Ihnen sagt, was nicht tun/nicht". Die Informationen aus dem Link können hier zusammengefasst werden, um die Antwort zu verbessern - indem Sie angeben, von welchen Versionen die verschiedenen gängigen Browser unterstützt werden. Ansonsten ist es gefährlich nah an einer "Link only" Antwort. –
Danke für den Vorschlag @JRichardSnape. Ich habe meine Antwort mit zusammengefassten Daten von der verknüpften Website aktualisiert. Ich bin neu hier und habe immer noch den Überblick über die Regeln. Ich entschuldige mich für die unvollständige Antwort. Prost. –