Chrome ne respectant pas la police de poids?

J'ai Arial comme ma police de base et je suis en train d'utiliser une variété de police-poids pour différentes sections de la page (normal, gras/700 et 900)

Cela semble bien fonctionner à la fois Firefox et Internet Explorer, mais dans Google chrome, il semble y avoir absolument aucune différence entre gras/700 et 900!?

Voir tripoter

(au cas où le lien ci-dessus est cassé/invalides)

HTML:

<p id="one">Testing</p>
<p id="two">Testing</p>
<p id="three">Testing</p>

CSS:

p { font-family: arial; font-size: 40px; margin: 0; }

#one { font-weight: normal; }
#two { font-weight: 700; }
#three { font-weight: 900; }

J'ai googlé un peu et trouve un question similaire qui fournit un semi-utile réponse:

Résolu avec:

font-weight: 900; font-family: "Arial Black", Arial, sans-serif;

Mais à l'aide de la simple ci-dessus rend tout assumer un font-weight de 900 en Chrome (même si spécifié autrement)

Pour un exemple de cette voir ici (dans Chrome évidemment)

Est-ce un bug dans Chrome? Ou suis-je en train de faire quelque chose de mal ici?

Dans Firefox sur Linux il n'y a également pas de différence entre font-weight: 700 et 900.

OriginalL'auteur Sean | 2013-03-06

  1. 18

    Arial (au moins la version standard) a seulement deux poids: normal et bold. Si vous spécifiez un poids qui n'est pas l'un de ces deux, le navigateur va chercher le plus proche du poids. (Voir: font-weight:900 travailler uniquement dans Firefox)

    Arial Black est une police distincte de Arial, c'est pourquoi le semi-réponse utile vous fournis les travaux.

    Si vous souhaitez travailler avec la police Arial, essayez:

    #one { font-weight: normal; }
#two { font-weight: bold; }
#three { font-family: "Arial Black", Arial, sans-serif; }

    L'autre alternative est d'utiliser une webfont service comme Typekit ou Webink, et choisissez une police de caractères avec plus de poids disponibles.

    Merci pour les précisions, je ne savais pas que Arial n'ai pas de 900 poids spécifié par défaut ... encore confus par Firefox l'affichage avec 900 définie comme l'épaisseur de la police, peut-être qu'il gère différemment que les autres navigateurs
    Yep, il y a quelques font-rendu des différences entre Firefox et Chrome. Je ne vois pas de différence entre Firefox et Chrome dans votre jsfiddle, mais vous pouvez en fonction de la version de votre navigateur. (Et vous êtes les bienvenus!)
    Arial Black n'est pas plus (ni moins) “une police distincte” que, par exemple, Arial Gras. C'est une police de caractères de la famille de polices: Arial, mais pas tous les navigateurs obtenir ce droit.

    OriginalL'auteur jeradg

  2. 3

    Je pense que c'est pas un bug de Google chrome. Il est peut-être la police n'a pas le poids, 900. Pas seulement dans le Chrome, mais aussi il ne fonctionne pas sous Opera et Safari.

    Arial Black est normal, 700 et 900 tout ce qui est la même dans Safari.

    OriginalL'auteur madhushankarox

  3. 2

    Le problème est "Arial Black". Pour certaines raisons, Chrome et IE (pour le moment) et le mépris font-weight avec la police. Enlevé et votre CSS est appliqué comme prévu.

    p { font-family: Arial, sans-serif; font-size: 40px; margin: 0; }

    P. S. Maintenant que j'ai un double contrôle de 700 et 900 ne sont pas différenciés. 600/900 sont bien. jeradg est droit.

    http://jsfiddle.net/ZjHEn/1/

    OriginalL'auteur mta

  4. 0

    Si un élément a un natif de la police de poids d'autres que la normale (comme b, solide, th) ajouter de l'épaisseur de la police de la propriété normal de corriger les flous de police. C'est une solution temporaire à ce que je suis convaincu que c'est un Chrome bug.

    OriginalL'auteur eugene

  5. 0

    J'ai trouvé la solution.

    Grâce à LinkedIn.

    -webkit-font-smoothing: antialiased;
    Cela ressemble beaucoup, mais un peu floue, avec mon muli' police.

    OriginalL'auteur youDontKnow