Font Face CSS Help Needed – custom font not working in other browsers

[bkp2]

Hello! I am trying to make my custom font available to view on all browsers. The trouble is, it is only viewable on my computer – it is not viewable from the same IP on my cell phone either. All other browsers it comes up as Arial.. this does not work for the purpose of my clients branding. Here is my code:

@font-face {
font-family: ‘fontleroybrownnf’;
src: url(‘fontleroybrownnf-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘fontleroybrownnf-webfont.woff’) format(‘woff’),
url(‘fontleroybrownnf-webfont.ttf’) format(‘truetype’),
url(‘fontleroybrownnf-webfont.svg#fontleroybrownnf’) format(‘svg’);

}

I have tried everything to make this work and somehow it still does not. I have searched forums high and low and no one seems to have this issue where it works fine on only their computer. The fonts are all uploaded properly in my theme font file, in all formats.

Can anyone help me?

Thank you kindly

[Paulie_D]

Looks like a path issue to start with since I assume the fonts are in a separate folder..and we can move on from there.

[bkp2]

Thanks for your reply

Can you please explain further and let me know what to do? I am new to all this..

Thanks so much

[David Hosanna]

I’m not sure yet. Maybe adding font-weight and font-style can solve your problem. So, something like

@font-face {
font-family: ‘fontleroybrownnf’;
src: url(‘fontleroybrownnf-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘fontleroybrownnf-webfont.woff’) format(‘woff’),
url(‘fontleroybrownnf-webfont.ttf’) format(‘truetype’),
url(‘fontleroybrownnf-webfont.svg#fontleroybrownnf’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

[Paulie_D]

The browswer has to be able to locate the fonts in the font folder which, I understand you have.

If you don’t tell it where they are it won’t know, especially when accessing from an external site.

I would normally expect to see something like this

src: url(../fontfolder/‘fontleroybrownnf-webfont.eot?#iefix’) 

etc.

If you provide a live link we might be able to check for ourselves.

[Author]

Posts