Commas in @font-face irritate Firefox

Asked Apr 20 '13 at 10:19

Active Apr 20 '13 at 10:55

Viewed 134 times

I wanted to use a font by using the following @font-face rule:

@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');
}

But this does not work, FF does not use the right font, although it knows it: Firebug screenshot

But interestingly it uses the font, when I remove 1(!) comma from the src-rule, no matter which of both commas. Is this a bug in Firefox or am I doing something wrong? I also compared my font-face with some provided by Google but was not able to find any differences.

edited Apr 20 '13 at 10:55

asked Apr 20 '13 at 10:19

red_trumpet

to generate cross browser font-face, in font squirrel site by upload the font – Tamil Selvan C Apr 20 '13 at 10:24
Any CSS parsing errors in the web console? Or a link to the page showing the problem? – Boris Zbarsky Apr 20 '13 at 15:45

Commas in @font-face irritate Firefox

0 Answers0