Web fonts in Firefox on Wordpress..

Hi, what's going on with web fonts on Firefox?

I'm using Wordpress and have my fonts in the /css/fonts directory.  I came accross a web post saying something like (can't find it now!) as a security measure a web font can onlt be used in the directory it's locatedin.

Can anyone help?

Cris.
CrisThompsonUKAsked:
Who is Participating?
 
meb_santosoConnect With a Mentor Commented:
Stumbled across these links:

1). http://www.cssbakery.com/2010/07/fixing-firefox-font-face-cross-domain_25.html
[..] As it turns out, Firefox was blocking the use of the font since my post is served from www.cssbakery.com, and the font is on a different sub-domain, pics.cssbakery.com. Firefox intentionally blocks fonts from different domains, as a measure of protection against someone just linking in your fonts, effectively stealing your server bandwidth and possibly violating the font's EULA. [..]

[..] edited my apache configuration [..]

also read some of the comments

2. Firefox is very picky about the usage of quotes, so write these lines (good):

@font-face {
    font-family: AngelinaRegular;
    src: url('../fonts/angelina-webfont.eot');
    src: url('../fonts/angelina-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/angelina-webfont.woff') format('woff'),
        url('../fonts/angelina-webfont.ttf') format('truetype'),
        url('../fonts/angelina-webfont.svg#webfontOvuhCGpN') format('svg');
    font-weight: normal;
    font-style: normal;
}

instead of these lines (bad):

@font-face {
    font-family:AngelinaRegular;
    src:url(../fonts/angelina-webfont.eot);
    src:url(../fonts/angelina-webfont.eot?iefix) format(eot), url(../fonts/angelina-webfont.woff) format(woff), url(../fonts/angelina-webfont.ttf) format(truetype), url(../fonts/angelina-webfont.svg#webfontOvuhCGpN) format(svg);
    font-weight:normal;
    font-style:normal;
}
0
 
GaryCommented:
Where ever you read that it's rubbish. Now what they may be talking about is cross domain font requests i.e. same domain origin.
0
 
CrisThompsonUKAuthor Commented:
Thanks but still my font is not appearing...
0
 
Chris StanyonCommented:
Give us a link to your page and we'll have a look. Impossible to tell from what you've posted!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.