@font-face not recognized

Question

Ok I have my site up so far but the two fonts I used are not showing up. I transferred the fonts and put them in the same folder as my webpages. I also used @font-face in css (styless.css). I'm not sure where I went wrong.

Website: http://envycosmetics.zxq.net/TestSite/webpages/index.html

There is not a single @font-face rule on the site. Are you sure you have added them? — Alexander Pavlov, Feb 19 '12 at 16:35

score 1 · Answer 1 · edited Feb 20 '12 at 00:56

1

I'm looking at styless.css, and I can't see where you used @font-face. Make sure you do it like this:

@font-face { font-family: FontName; src: url('path/to/font.otf'); }

Then call it like this:

#navBar { font-family: FontName, sans-serif; }

Also, don't forget to call another font for browsers that don't support @font-face, as shown in #navBar values.

edited Feb 20 '12 at 00:56

FelipeAls

21,711
8
54
74

answered Feb 19 '12 at 16:37

PenguinKenny

70
6

Ok its called now, sorry for that – user1165861 Feb 19 '12 at 17:09

score 0 · Answer 2 · answered Feb 19 '12 at 16:50

0

I also used @font-face in css (styless.css)

No... no, you didn't.

answered Feb 19 '12 at 16:50

Lightness Races in Orbit

378,754
76
643
1,055

@font-face not recognized

2 Answers2