css font-face with the Arabic fonts

Question

I'm trying to use an Arabic external font:

@font-face {
    font-family: "My";
    src: url(GE_SS_TV_Bold.otf) format("truetype");
}
p.customfont { 
    font-family: "My", Verdana, Tahoma;
}

It's appearing like this: but it should appear like:

Answer 1

hmmm… what is the browser you are using, what is the operating system your are using. Font Faces have different rendering depending on the platform/software.

Also in your document you seem to mix truetype and opentype ;) otf = OpenType Font, ttf = TrueType font usually. What about if you rewrite like?

@font-face {
    font-family: "My";
    src: url(GE_SS_TV_Bold.otf) format("opentype");
}

if you need one font in different formats and you have the files

@font-face {
    font-family: "My";
    src: url(GE_SS_TV_Bold.otf) format("opentype"),
    src: url(GE_SS_TV_Bold.ttf) format("truetype");
}