Mobile app version of vmapp.org
Login or Join
Rivera981

: How to properly convert a UTF8 truetype font to use on web? I'm trying to embed this UTF8 truetype font (the font contains Persian characters) in the web and I use this service to convert

@Rivera981

Posted in: #Fonts #GoogleChrome

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.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Rivera981

1 Comments

Sorted by latest first Latest Oldest Best

 

@Lee4591628

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

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme