Discussion :

[defacta]

Salut,

J'ai les fonts sous IE qui sont vraiment moches, voici la page en question:
http://www.cabinetmebr-avocats-toulouse.fr/test/

Les fontes sont fixés en début de page de cette façon:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<style type="text/css">
body, td {
  font-family:'lucida grande', tahoma, verdana, arial, sans-serif; font-style: normal ; font-size: 0.8em ;
}
</style>

Quand je vois le résultat sous Windows/IE, c'est vraiment moche alors qu'avec Chrome toujours sous Windows, le résultat est correct.

Qu'est ce qui se passe avec IE ? Pourquoi les fonts sont-elles si moches ?
Qu'est ce que je peux faire ?

Regardez les screenshots...

Merci,
Vincent.

[Ethyde]

Bonjour,

si ce que tu appel moche c'est le fait que tes polices ressemble a des gros pattés sous IE c'est du à l'anti-aliasing (cleartype) activé par défaut sur IE et Safari pour Windows.

[defacta]

Les fonts de facebook sont bien et c'est celles que je voulais, j'ai regardé dans leurs fichiers css et j'ai trouvé ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

font-family:'lucida grande', tahoma, verdana, arial, sans-serif;

dans ce fichier:
http://static.ak.fbcdn.net/rsrc.php/...h/b0o4e3j0.css

Je ne comprends pas pourquoi sur facebook les fontes sont niquels mais pas sur mon site, pourtant j'ai mis les mêmes fonts...

Qu'est ce que je peux faire pour avoir le même rendu que sur facebook ?

Merci,
Vincent.

PS: Regardez le résultat avec mon mac sous Firefox, la différence est énorme: les fonts sont super belles...

[copin]

Salut,

Au risque de dire une connerie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

font-family:'lucida grande', tahoma, verdana, arial, sans-serif;

Lucida Grande? Ce n'est pas une police Web standard le problème vient peut être de là.

Je crois qu'il existe une possibilité d'importer une police non standard mais c'est un peu plus complexe que la simple indication dans la css.

[Ethyde]

Salut,

Au risque de dire une connerie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

font-family:'lucida grande', tahoma, verdana, arial, sans-serif;

Lucida Grande? Ce n'est pas une police Web standard le problème vient peut être de là.

Je crois qu'il existe une possibilité d'importer une police non standard mais c'est un peu plus complexe que la simple indication dans la css.

Si si : http://speckyboy.com/2008/10/06/css-...our-headlines/

Et pour l'usage de police non-standard le point 5 de l'article : 6 Ways To Improve Your Web Typography

Pour répondre à la question de départ, l'anti aliasing n'est pas quelque choses que le dev peut contrôler, cela viens navigateur, voir du poste client.

[defacta]

Ok, j'ai un soucis qui je pense n'est pas lié aux fonts.
Regardez (avec IE) cette page:
http://www.cabinetmebr-avocats-toulo..._historic.html
Là les fontes sont correctes.

Mais cette page (incluant iframe_historic.html via une iframe):
http://www.cabinetmebr-avocats-toulouse.fr/test/

Là les fontes sont vraiment moches, donc les fontes ne sont pas prise en comptent quand iframe_historic.html est affiché dans cette iframe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<iframe id="IF_main_page" style="filter:alpha(opacity=0);-moz-opacity:0;opacity:0;" name="IF_main_page" src="iframe_historic.html" width="100%" marginheight="0" allowtransparency="true" marginwidth="0" height="435px" scrolling="no" frameborder="0"></iframe>

Quelqu'un sait pourquoi seulement IE n'affiche pas les fontes correctement dans l'iframe ?

Merci,
Vincent.

PS: Je pense que cela vient de l'effet javascript qui affiche progressivement le contenu de l'iframe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function JS_show_main_page(op) {
  if(op != 100) {
    op += 5 ;
    IsIE?document.getElementById('IF_main_page').filters[0].opacity=op:document.getElementById('IF_main_page').style.opacity = op/100 ;
    setTimeout(function(){JS_show_main_page(op)}, 40) ;
  } else {
  }
}

-> IE sucks !