Databases
StackOverflow2013
Postsdbo
POGetting different figure types with Google Web Fonts
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGetting different figure types with Google Web Fonts
    text
    copied!<p>According to <a href="http://www.google.com/fonts/specimen/Raleway" rel="noreferrer">this page</a>:</p> <blockquote> <p>[Raleway] is a display face and the download features both <strong>old style</strong> and <strong>lining</strong> numerals, standard and discretionary ligatures, a pretty complete set of diacritics, as well as a stylistic alternate inspired by more geometric sans-serif typefaces than its neo-grotesque inspired default character set.</p> </blockquote> <p><em>(Emphasis mine)</em></p> <p>The default for numerals is "old style" ("onum" <a href="http://www.microsoft.com/typography/otspec/featurelist.htm" rel="noreferrer">OpenType feature string</a>), which look pretty awful when used in headlines. Ideally, I'd like to be able to use the "lining" variant ("lnum"), with "tabular" ("tnum") kerning (As opposed to proportional -- "pnum"). </p> <p>I've tried using the following block of <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings" rel="noreferrer">font-feature-settings</a> declarations, to no avail:</p> <pre><code>font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on; -moz-font-feature-settings: "onum=0, pnum=0, lnum=1, tnum=1"; /* Firefox */ -webkit-font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on; /* WebKit */ -o-font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on; /* Opera */ </code></pre> <p>Any thoughts? If I wanted to download the full font and then re-export it as a web-font, how would I do so while ensuring I get the lining figures?</p> <p>Thanks!</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload