I'm trying to embed this UTF8 truetype font (the font contains Persian characters) in the web and I use this service to convert it to proper formats.
The only problem is, it's not working on Google Chrome. Firefox and IE display the font correctly.
Here is the converted package.
And this is the original font.


I've converted the mentioned font in your question and uploaded it in the following Internet address:

Mj_Dinar One Light Web Font Package

Also, You must use the following Style Lines:

@font-face {
    font-family: 'yourDesiredName';
    src: url('yourDesiredPathForFont/mj_dinar_one_light-webfont.eot');
    src: url('yourDesiredPathForFont/mj_dinar_one_light-webfont.ttf') format('truetype'), url('yourDesiredPathForFont/mj_dinar_one_light-webfont.eot?#iefix') format('embedded-opentype'), url('yourDesiredPathForFont/mj_dinar_one_light-webfont.woff') format('woff'), url('yourDesiredPathForFont/mj_dinar_one_light-webfont.svg#yourDesiredName') format('svg');
    font-weight: normal;
    font-style: normal;

and, you should add the following lines in the .htaccess file:

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff
| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.