title: How to set default font feature settings?
body: <h1>How to set default font feature settings per font?</h1>
  
  <p>I am using two different fonts in my current project and want to enable font-feature-settings on both of them.
  Currently I have to do this via the <code>*</code> selector:</p>
  
  <pre class="lang-css prettyprint-override"><code>*, *:before, *:after {
    -webkit-font-feature-settings: "kern", "liga", "pnum" "ss01";
       -moz-font-feature-settings: "kern", "liga", "pnum" "ss01";
        -ms-font-feature-settings: "kern", "liga", "pnum" "ss01";
            font-feature-settings: "kern", "liga", "pnum" "ss01";
  }
  </code></pre>
  
  <p>So far so good; this way I set kerning, ligatures and proportional numbers as a default. The problem is the alternative stylistic set.
  I want to have this one on every instance of <strong>one</strong> of my fonts. The other font has another stylistic set, which I do not want to use.</p>
  
  <p>My prefered way would be to incorporate defaults in the <code>@font-face</code> like this:</p>
  
  <pre class="lang-css prettyprint-override"><code>@font-face {
    font-family: 'FFDin';
    font-weight: normal;
    font-style: normal;
  
    -webkit-font-feature-settings: "kern", "liga", "pnum" "ss01";
       -moz-font-feature-settings: "kern", "liga", "pnum" "ss01";
        -ms-font-feature-settings: "kern", "liga", "pnum" "ss01";
            font-feature-settings: "kern", "liga", "pnum" "ss01";
  
    src: url("fonts/DINWeb-Light.eot");
    src: url("fonts/DINWeb-Light.eot?#iefix") format("embedded-opentype"),
         url("fonts/DINWeb-Light.woff") format("woff"),
         url("fonts/DINWeb-Light.ttf") format("truetype");
  }
  </code></pre>
  
  <p>I have tested this in chrome, but it does not work. Is there any way to declare the default font-feature settings per font?</p>