Font style doesn't work in FireFox

Question

The font Arizonia doesn't work in Firefox, I tried a lot, set gfx.downloadable_fonts.enabled to false and more, and now I'm asking for help.

I'm using this:

@font-face {
  font-family: 'arizonia';
  src: url(arizonia-regular.woff)format('woff');
  src: url(arizonia-regular.ttf)format('truetype'); 
  font-weight:normal;
  font-style:normal;
}

In every browser it works fine, but in FF. I added the code from google fonts to my site, copied the files to my rootfolder en loaded the css files in DW. It looks a bit ribbed in FF.

Have you tried setting security.fileuri.strict_origin_policy to false? — Henri Hietala, Jun 16 '14 at 12:16
possible duplicate http://stackoverflow.com/questions/6541885/firefox-webfonts-not-loading — Ruskin, Jun 16 '14 at 12:21

score 1 · Answer 1 · edited May 23 '17 at 12:27

1

In case you are running the site locally:

You might need to open about:config and set security.fileuri.strict_origin_policy to false.

After this local documents have access to all other local documents, including directory listings.

ref: CSS @font-face not working with Firefox, but working with Chrome and IE

edited May 23 '17 at 12:27

Community

1
1

answered Jun 16 '14 at 12:23

Henri Hietala

2,963
1
18
27

Thanks for all the suggestions, tried all of them but it doesn't seem to work. The font style is there (in Firefox), but it looks ribbed. But I keep trying till' I got this – user3744658 Jun 16 '14 at 13:31

score 0 · Answer 2 · edited May 23 '17 at 12:21

0

According to Firefox webfonts not loading try font-family: arizonia; without the quotes.

edited May 23 '17 at 12:21

Community

1
1

answered Jun 16 '14 at 12:23

Ruskin

5,232
3
43
60

Font style doesn't work in FireFox

2 Answers2