Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can you specify tabular lining figures for webfonts?

Since it's possible to specify lining and oldstyle figures I'm hoping there's browser support for tabular numerals with webfonts?##

  • Left: default numerals
  • Right: desired tabular numerals (notice monospaced)

enter image description here

Font: Brandon Grotesque

Related: Is there a way to specify the use of text or titling figures in CSS?

like image 225
Mark Fox Avatar asked Jul 13 '13 01:07

Mark Fox


People also ask

When tabular or proportional and lining or oldstyle figure combinations should be used?

Figures, be they lining or oldstyle, can have two different spacing formats: proportional and tabular. Generally speaking, proportional figures are appropriate when numerals are going to be read in text, and tabular figures are preferable when numerals will be read in columns.

What is tabular lining?

Tabular lining numerals have uppercase-like glyphs that take up exactly the same horizontal space. Because of this, they're sometimes referred to as monospaced numerals. Tabular oldstyle numerals—as you might've guessed by now—have lowercase-like glyphs and all of them share a fixed width.

How do I create a tabular liner in Indesign?

control panel “OpenType”. ➝ Choose “Proportional Lining” if used in copy text. ➝ Choose “Tabular Lining” if used in tables. Note: To save time we recommend to use character styles and paragraph styles that are adapted as set out above.

What are lining figures?

Lining figures (also called aligning, cap, or modern figures) approximate capital letters in that they are uniform in height, and generally align with the baseline and the cap height. In some traditional typefaces, certain numerals extend slightly above and/or below the baseline and/or the cap height.


1 Answers

Simply, yes.

Presently you can use the attribute "font-feature-settings" in its prefixed forms and add "tnum" to the value list (example) to access tabular numerals in OpenType enabled fonts:

font-feature-settings: 'tnum';
-webkit-font-feature-settings: 'tnum';
-moz-font-feature-settings: 'tnum';

Check caniuse to see if the prefixed versions are still needed.

Note, if you are using Typekit to serve your webfonts, make sure to select "All Characters" under Language Support.

like image 161
Mark Fox Avatar answered Oct 20 '22 16:10

Mark Fox