title: Commas in @font-face irritate Firefox
body: <p>I wanted to use a font by using the following @font-face rule:</p>
  
  <pre><code>@font-face {
    font-family: 'Web Symbols';
    font-style: normal;
    font-weight: 400;
    src: local('Web Symbols'), local('WebSymbols'), url(http://localhost/Blog/webfonts/WebSymbols-Regular.otf) format('opentype');
  }
  </code></pre>
  
  <p>But this does not work, FF does not use the right font, although it knows it: <img src="https://i.stack.imgur.com/TJ2u7.png" alt="Firebug screenshot"></p>
  
  <p>But interestingly it uses the font, when I remove 1(!) comma from the <code>src</code>-rule, no matter which of both commas. Is this a bug in Firefox or am I doing something wrong? I also compared my <code>font-face</code> with some provided by <a href="http://fonts.googleapis.com/css?family=Open%20Sans:400" rel="nofollow noreferrer">Google</a> but was not able to find any differences.</p>