Bonjour,
Nouveau sur ce forum, pour la petite histoire, je suis un graphiste spécialisé en flash qui vient de se mettre au html 5, css 2/3 et jquery….et oui mes derniers templates html remontaient à l’époque des tableaux ! Du coup je peux avoir quelques lacunes et c’est pourquoi je sollicite votre aide tout en souhaitant que mes questions puissent aussi servir à d’autres personnes.

Pour les typos, j’embarque des fonts (format SVG, TTF, EOT…) mais certains navigateurs, certes très rares (exemple le navigateur du système HP WebOs) n’arrivent pas à interpréter le format de la typo et du coup, c’est ma deuxième police qui se met en place (dans mon cas, la Georgia). Pour ces navigateurs, je souhaite mettre ma police de substitution en gras et en italique mais je ne peux pas déclarer ces deux attributs dans la classe de ma font car sinon cela impacte aussi ma première typo………voyez-vous une solution ?
Et autre point, j’ai mis un background de couleur sur une de mes fonts et le problème, une marge automatique se crée sans que je puisse modifier la taille au niveau du top et bottom contrairement aux valeurs right et left que je peux modifier……….Normal ?

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
h1 {color:#ffffff; font-family: "GeometricSlabserif703Bold", Georgia, Times New Roman, serif; font-size: 42px;  text-decoration: none; font-weight:normal; padding-bottom: 25px;}
h1 span{padding-left: 6px; padding-right: 6px; background-color:#1e1e1e;}
Lien : http://gillesn.perso.sfr.fr/main/index.html

Et dernier point, sous Safari mobile, impossible d’afficher une font en taille 11px, il augmente automatiquement la taille et du coup comparé à mes polices en taille 16px, elles paraissent plus grosses. J’ai pensé à un problème lié à ma typo embarquée mais même avec une police système comme l’Arial, j’ai la même chose ! J’ai remarqué le même problème sur un autre site donc je ne sais pas si il y a une solution Une idée ? Problème de lissage des typos?

Code : Sélectionner tout - Visualiser dans une fenêtre à part
h2 {font-family: "LatoRegular", Arial, sans-serif; font-size: 11px; color:#3c3c3c; font-weight:normal; padding-bottom: 18px; }
Lien : http://gillesn.perso.sfr.fr/blog/index.html

Merci d'avance pour vos réponses