1

I'm working on a small project, where the client sent me a font that he wants me to use for the Arabic language. The file extension for the file is .otf

I embedded the file, and tried to use it, and the results were:

  • IE8: Didn't recognize the font.
  • Chrome: Didn't recognize the font.
  • Firefox: Recognized the font, but when viewing it the letters were separated (in Arabic language the letters of the word is connected to each other)

Any idea on how to fix it on Firefox and make IE and Chrome recognize the font type ??

Here is the code is used:

CSS

@font-face {
font-family: Dinar;
src: url("GEDinarTwo-Light.otf") format("opentype");
}

@font-face {
font-family: Dinar;
font-weight: bold;
src: url("GEDinarTwo-Light.otf") format("opentype");
}

#ss {
font-family: Dinar, Arial, Helvetica, Sans-Serif;
}

Many thanks ...

Naruto
  • 6,398
  • 5
  • 21
  • 24

3 Answers3

1

IE doesn't support OTF fonts.

http://webfonts.info/wiki/index.php?title=@font-face_support_in_Internet_Explorer

ianaré
  • 3,230
  • 26
  • 26
  • what about the rest of the browsers ? – Naruto Nov 30 '10 at 13:25
  • All other browsers should support it ... you could try installing the font on your system and making sure that it renders correctly in several applications. – ianaré Nov 30 '10 at 13:29
  • It worked on all three browsers when i installed the font on the computer ... Is there anyway I can make it work when i publish it on the internet ? – Naruto Nov 30 '10 at 13:35
1

Try converting the font to TrueType (.ttf) and SVG (.svg), and then use TrueType for IE, and SVG for Safari and Chrome.

You can use FontForge for converting the fonts.

Hejazi
  • 16,587
  • 9
  • 52
  • 67
1

It seems that Arabic font embedding using the @font-face technique does not work at present, I have been trying to have an arabic font deliver on the fly but haven't been able to get it display on web page. Reason, I read somewhere, is that the @font-face does not support accessing the extended character base of fonts.

Brad Larson
  • 170,088
  • 45
  • 397
  • 571
Alhamd
  • 11
  • 1