28172 sujets

CSS et mise en forme, CSS3

Problème avec @font-face

Bonjour à tous.

J'ai implanté sur un menu en CSS le @font-face avec la police Eurotile Regular et Eurostile Bold.

Je suis parti des mes TTF et j'ai ensuite généré toutes les variantes (EOT, WOFF, SVG) sur http://www.fontsquirrel.com/fontface/generator

Tout marche bien sauf un détail: l'affichage n'est pas le même suivant la taille de la police. Regardez l'exemple ci-dessous:

http://data.imagup.com/5/1115717428.png

A gauche, l'EurostileBold en 12px; à droite, l'EurostileBold en 13px.

Comme vous pouvez le constater, a gacuhe les lettre sont bizarres, todues, à droite, elles sont linéaires et l’affichage est correct.

Pourquoi j'ai ce problème en 12px ? Le problème viens de la font ? Du naviagteur ? De l'OS (en effet, l'affichage sous MAC en nickel mais pas sous Windows, les deux sous Firefox 3.6.)

Merci à vous.
J'ai vu qu'il y avait une option dans font-squirell relative à la taille des caractère
a écrit :
Sometimes a different em square will affect how the font hints and renders in Windows.

Est ce que tu as essayé de modifié cette valeur dans les paramètres d'edition avancés ?
Em Square Value :2048

Simple supposition.
J'ai moi aussi des soucis avec font-squirell et/ou @font-face
si tu as le temps :
http://forum.alsacreations.com/topic-4-54648-1-font-face-internet-explorer-marche-pas-sans-reponse.html
Salut.


h3 {
font-family : 'EurostileBold', Arial, Helvetica, sans-serif;
color : #2B6AB8;
font-size : 12px;
margin: 14px 0 7px 0;
}


12px Smiley smile
De plus, encore plus fou, la police rends parfaitement bien SI les valeurs de la taille sont impairs (11,13,15,17) et mal si ils sont pairs (12,14,16,18...)

Smiley biggol
Je dis peut-être une bêtise, mais il est probable que tu utilises comme source une fonte qui n'a pas été conçue ou adaptée pour une utilisation sur écran, et que tu n'as sans doute pas le droit légalement d'utiliser comme web font sur un site. Me trompè-je?

Une solution éventuelle serait donc d'acheter une licence web font pour Eurostile. Tu récupèreras ainsi des fichiers à priori optimisés... et le droit de les utiliser. Smiley cligne
Voir par exemple ici: http://new.myfonts.com/fonts/urw/eurostile/

(Mes excuses si ma supposition était infondée.)
Non non, tu supposes bien (sur le fond) car pour l'instant, je teste en local.

Le site en question est a vocation commerciale et la police "web" sera achetée.

Mais je voulais pas passer à la caisse sans être sur du rendu final ; donc, a ton avis, la police achetée sera optimisée (comment?) pour le web ?

Et donc le rendu de cette police ne sera pas le même qu'un simple Eurostile.ttf de "bureau" converti chez Font-Squirrel ?

Merci pour ton aide. Smiley smile
Modifié par Astral God (26 Mar 2011 - 00:48)
Astral God a écrit :
Mais je voulais pas passer à la caisse sans être sur du rendu final ; donc, a ton avis, la police achetée sera optimisée (comment?) pour le web ?

Et donc le rendu de cette police ne sera pas le même qu'un simple Eurostile.ttf de "bureau" converti chez Font-Squirrel ?

C'est une possibilité, mais je ne peux pas le garantir.
Sujet clos
Aller à