Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><a href="http://hacks.mozilla.org/2010/11/firefox-4-font-feature-support/" rel="nofollow">http://hacks.mozilla.org/2010/11/firefox-4-font-feature-support/</a> would probably be a good place to start, as well as the <a href="http://www.w3.org/TR/css3-fonts/#font-rend-props" rel="nofollow">specification itself</a>.</p> <p>It should also be noted that you won't get a fully bulletproof way of using font-features in the sense that it would work across all browser. According to <a href="http://caniuse.com/#search=font-fea" rel="nofollow">caniuse</a>, font-features has kind of sketchy support (nothing at all in Opera, nothing prior to IE10, nothing in most of the mobile browsers, partial and prefixed in what's left), in part due to it still being in <a href="http://whatis.techtarget.com/definition/working-draft-draft-document" rel="nofollow">"Working Draft" status,</a> which means there's still a chance it will change. Therefore, it would be a good idea to not depend on this feature quite yet, and expect that it's just not going to work in all browsers.</p> <p>On another note, since you mentioned "prefix hell" (which actually isn't that bad - prefixes are meant to be dropped over time; did you know you no longer need prefixes at all for <code>border-radius</code> unless you're stuck supporting truly ancient browsers?) - you might want to look into one of the CSS preprocessors, such as LESS or Sass. These tools can help you with the cutting-edge CSS by putting in the prefixes and correct syntax for you, while you keep your source clean with declarations that follow the W3C standards.</p>
    singulars
    1. This table or related slice is empty.
    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. This table or related slice is empty.
    1. 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