Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Well, the best place to look for how 2013 web features <em>should</em> work would be the <a href="http://www.w3.org/TR/2012/WD-css3-fonts-20120823/#font-feature-settings-prop" rel="noreferrer">W3 CSS3 Specification</a>:</p> <blockquote> <p>If present, a value indicates an index used for glyph selection. An value must be 0 or greater. A value of 0 indicates that the feature is disabled. For boolean features, a value of 1 enables the feature. For non-boolean features, a value of 1 or greater enables the feature and indicates the feature selection index. A value of ‘on’ is synonymous with 1 and ‘off’ is synonymous with 0. If the value is omitted, a value of 1 is assumed.</p> </blockquote> <p>This means that <code>"liga" 1</code>, <code>"liga" on</code> and <code>liga</code> all do the same thing.</p> <p>As BoltClock mentioned in his comment on the question, <code>"feature=value"</code> isn't valid syntax, and seems to be something specific to Firefox.</p> <p>Opera and IE (&lt;10) <a href="http://caniuse.com/font-feature" rel="noreferrer">do not support <code>font-feature-settings</code> at all</a>, so the <code>-o-*</code> and <code>-ms-*</code> attributes are presumably useless.</p> <p>Overall, a working syntax for all currently supported browsers would appear to be:</p> <pre><code>.element { -webkit-font-feature-settings: "kern", "liga", "case"; /* No variation */ -moz-font-feature-settings: "kern=1", "liga=1", "case=1"; /* Firefox 4.0 to 14.0 */ -moz-font-feature-settings: "kern", "liga" , "case"; /* Firefox 15.0 onwards */ -moz-font-feature-settings: "kern" 1, "liga" 1, "case" 1; /* Firefox 15.0 onwards explicitly set feature values */ font-feature-settings: "kern", "liga", "case"; /* No variation */ } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

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