Pourquoi <strong> dans Safari est-il beaucoup plus audacieux que les autres navigateurs?
Je suis sur le point de lancer un nouveau site Web. Lors du test de plusieurs navigateurs, j’ai remarqué que les polices audacieuses de Safari étaient bien plus audacieuses (horriblement trapues) dans Safari que dans l’autre grand 4.
La police que j'utilise est le télex de Google Web Fonts via CSS font-face.
Cela se produit parce que le télex ne fournit pas un poids en gras, ce qui signifie que les navigateurs le synthétisent, ce qui n’a pas toujours un résultat aussi positif. (Notez, comme @toscho, ci-dessous, qu'il s'agit d'un problème général, qui ne se limite pas aux polices Web Google ou même à l'incorporation de polices.) WebKit/Safari semble particulièrement nul à cela et dans la version mobile, vous ' Parfois, le texte est parfois doublé avec un léger décalage, comme si vous appliquiez une fausse ombre portée.
Vous ne pouvez pas faire grand chose à ce sujet. Voir ce JSFiddle qui a votre exemple ci-dessus avec télex appliqué et montrant votre problème, puis une deuxième police qui a un en gras approprié (qui se comporte), puis une troisième police qui n’a plus de caractère en gras et montre le comportement que vous mentionnez. Si vous souhaitez utiliser télex et que cela est inacceptable, je vous conseillerais alors de choisir un autre périphérique, tel qu'un changement de couleur, pour appeler les en-têtes.
Tous les navigateurs ont des paramètres de présentation par défaut , mais aucun navigateur n'a les mêmes paramètres par défaut.
Pour cette raison, la plupart des concepteurs utilisent un fichier CSS de réinitialisation avant de commencer à coder la conception réelle. Il existe plusieurs outils de réinitialisation disponibles, les plus connus sont: