Css3 @fontface is not working with Chrome 17 and Firefox 10

[MBAsfoor]

I’m trying this code For the @fontface for an arabic font:

@font-face {

font-family: 'MothnnaFont';

src: url('fonts/mothnna.eot'); /* IE9 Compat Modes */

src: url('fonts/mothnna.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

url('fonts/mothnna.woff') format('woff'), /* Modern Browsers */

url('fonts/mothnna.ttf')  format('truetype'), /* Safari, Android, iOS */

url('fonts/mothnna.svg#svgMothnnaFont') format('svg'); /* Legacy iOS */

}

I’m using the font in a class named demo :

.demo {

font-family:'MothnnaFont',Sans-Serif;

width:800px;

margin:10px auto;

text-align:center;

border:1px solid #666;

padding:10px;

direction: rtl;

}

This code is working on ie but it’s not working on firefox 10 or chrome 17

So anybody can help me to make this font appear a cross all browsers ?

Update: this is how the font should look like :

http://www.sitepoint.com/forums/attachment.php?attachmentid=59040&d=1329399651

[TheDoc]

Do you have a link to the site?

[MBAsfoor]

I’m testing this font locally

[TheDoc]

Hmmm, nothing looks wrong to me.

The only thing I’d suggest doing is making sure to set the font to font-weight: normal;

[MBAsfoor]

didn’t work

is there a possibility that this font can’t be used on web ?

[Paulie_D]

@MBAsfoor

If it’s working in IE then logically it should work in other browsers.

Do you have a link to the site where you got the font?

[MBAsfoor]

http://tmr.hyperphp.com/font/demo.html

[MBAsfoor]

It still not working for me

[Paulie_D]

That link works in Chrome 17, FF 10 & IE9…did you find the problem?

[MBAsfoor]

no not yet

[MBAsfoor]

this is how the font should look like :

http://www.sitepoint.com/forums/showthread.php?831589-Css3-fontface-is-not-working-with-Chrome-17-and-Firefox-10&p=5063782&viewfull=1#post5063782

[Paulie_D]

That link doesn’t work unless you are a SItePoint member.

Frankly, it looks like it’s a local issue since your demo worked fine.

[MBAsfoor]

It’s working after downloading the font and converting it again

[MBAsfoor]

Thank you all for helping

[Author]

Posts