web-dev-qa-db-fra.com

Comment convertir correctement une police TrueType UTF8 à utiliser sur le Web?

J'essaie d'intégrer cette police TrueType UTF8 (la police contient des caractères persans) sur le Web et j'utilise ce service pour la convertir aux formats appropriés.
Le seul problème est que cela ne fonctionne pas avec Google Chrome. Firefox et IE affichent la police correctement.
Voici le paquet converti.
Et ceci est la police d'origine.

fontsgoogle-chrome
2
Hamed Momeni

J'ai converti la police mentionnée dans votre question et l'ai téléchargée à l'adresse Internet suivante:

ensemble de polices Web Mj_Dinar One Light

De plus, vous devez utiliser les lignes de style suivantes:

@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;
}

et, vous devez ajouter les lignes suivantes dans le fichier . htaccess :

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff
1
MRS1367