@font-face does not proper work in Firefox?
I have this stylesheet emended in my project. web font kit generated from Font Squirrel... its working only these document when put my root folder, if i put on sub folder they not working..
@font-face {
font-family: 'DINBold';
src: url('../fonts/din-bold/ff_din_bold-webfont.eot');
src: url('../fonts/din-bold/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/din-bold/ff_din_bold-webfont.woff') format('woff'),
url('../fonts/din-bold/ff_din_bold-webfont.ttf') format('truetype'),
url('../fonts/din-bold/ff_din_bold-webfont.svg#DINBold') format('svg');
font-weight: normal;
font-style: normal;
}
Please suggest me !!!
All Replies (5)
Does Firefox's error console (Ctrl+Shift+j) list any complaints related to those fonts? To minimize the noise, try using the Clear button on the console, then reload the page bypassing the cache (Ctrl+Shift+r).
May also be caused by using a bold font (ff_din_bold-webfont.ttf) with font-weight: normal on Windows 7.
You can use this extension to see which fonts are used for selected text.
See also:
Current Firefox versions have a lot of web developer tools build-in.
@jscher2000 and @cor-el,
Thanks for quick response,
But i have same issue yet.. :(
I've attached one snapshot so please @jscher2000 have a look this.
Thanks!
So the ../fonts navigation causes an error but /fonts (assuming you duplicate the folder there) does not?
Are the CSS file(s) and the HTML file on the same server?