Police Écriture Personnalisée

[nicooos]

Bonjour à tous,

 

je suis en train de travailler sur le site e-commerce de mon entreprise.

Nous avons mis en place une solution prestashop v1.6.4 avec un thème déjà travaillé.

 

Le souhait de mes responsables était de modifier la police d'écriture avec un style que l'on m'a donné (fichier .otf).

 

j'ai donc modifié le fichier global.css en ajoutant le code suivant :

@font-face

{

    font-family: "maisondeco";

    src: url("Font/maisondeco/apercu_regular.otf"); //le chemin est bon ...

}

 

J'ai donc modifié, par la suite, toute les propriétés font-family en attribuant la police personnalisé (maisondeco) et ce sur tout le thème utilisé.

 

Le résultat est différent sur l'ensemble des navigateurs. Et on dirait que la police n’est pas celle souhaité à certains endroits. (Chrome ça va, Firefox moyen, Internet explorer … nulle)

 

J’ai donc plusieurs questions :

• Quels sont les outils pour bien vérifié que la police affiché est bien maisondeco ?
• Ai-je oublié quelque chose ?

 

Merci du temps que vous consacrez à mon problème.

Et dans l’attente de vos réponses.

Cordialement,

Nicolas.

[Divine]

Bonjour,

 

Si tu n'utilises que le format .otf, c'est normal que tu ais des problèmes.

Le format .otf notamment n'est pas compatible avec Internet Explorer.

 

Il faut utiliser plusieurs formats (.ttf, .eot, .otf, .svg, .woff) pour garantir la compatibilité entre les différents navigateurs.

Edited February 19, 2016 by Divine (see edit history)

[nicooos]

Bonjour Divine,

 

merci de ta réponse !

Je vais demandé les fichiers en conséquences (car je ne les avais pas ...)

[Divine]

De rien. Pense à nous dire si ça marche

[Salamandre]

Bonjour,

 

tu as ce site pour générer les différents format qu'il te faudra :

 

http://www.fontsquirrel.com/tools/webfont-generator

[nicooos]

Bonjour Salamandre,

 

merci pour le partage et ton temps !

maintenant j'ai tout ce qu'il me faut.

 

J'enverrai des news une fois fait

 

Encore merci !

[nicooos]

Bonjour à tous,

 

je reviens pour donner des news, en effet ça marche ainsi.

Avec tous les bon fichiers, cela marche donc sur tous les navigateurs.

 

Juste une note pour le site qui fait la conversion des fichiers, j'en ai trouvé un autre pas mal :

 

==> https://fontie.flowyapps.com/home

 

Si cela peut vous aider

 

A bientôt !

 

PS: désolé pour le temps de réponse ...

Edited March 22, 2016 by nicooos (see edit history)