La même police est différente dans Chrome vs Firefox, IE et Safari
La question est connecté avec le rendu de la police dans les différents navigateurs. J'ai été surpris de voir que le problème est reproduit seulement dans le Chrome. Il fonctionne très bien dans Firefox, IE8, Safari et même IE6.
Voici l'échantillon.
Et voici le code en lui-même:
<div style="position:absolute;bottom:2px;padding-top: 1px;width:100%;">
<span style="float:left;">
<div id="saveCustomizationButton" class="smallBlueButton">
<span>Speichern</span>
</div>
</span>
<span style="float:right;padding-right:1px;">
<div id="downloadOrPrintButton" class="smallGreenButton smallGreenButtonSmallLetterSpace">
<span>Downloaden oder drucken</span>
</div>
</span>
</div>
div.smallGreenButton span, div.smallGreenButton a {
display: block;
line-height: 14px;
padding: 1px 7px 2px 13px;
}
div.smallGreenButton {
font-family: arial,sans-serif;
font-size: 12px;
font-weight: 600;
}
div.smallBlueButton {
font-family: arial,sans-serif;
font-size: 12px;
font-weight: 600;
}
Qui est-il. J'ai lu sur css reset, et l'ai essayé. Un miracle -rien n'a changé. Une autre façon dont j'ai été considéré d'utiliser la fixation de la largeur de la balise conteneur. Mais en raison de la nécessité de maintenir de multiples localisations je ne peux pas utiliser cette approche.
J'espère smb proposera une solution. Ou je vais avoir besoin de mettre en œuvre certaines spécifiques à un navigateur comportement.
En attente de vos commentaires. Merci à l'avance.
La question est de savoir si il y a de la magie dans le css ou quelque part d'autre pour résoudre le problème sans en créer de chrome-style spécifique.
Autant que je sache, non, il n'est pas. Chaque navigateur rend les polices de sa propre manière. Vous pourriez le style de la police de la boîte juste pour Chrome via javascript, mais vous ne savez pas si il ya plus d'options...
David Diez, connaissez-vous une police qui est rendue de la même manière dans tous les navigateurs?
OriginalL'auteur godspeed | 2013-01-18
Vous devez vous connecter pour publier un commentaire.
De rendu de texte ne diffèrent en fonction du navigateur.Parfois, peu importe combien nous essayons de changer le rendu, nous ne l'obtiendra pas. Vous pouvez lire cette l'article si vous le souhaitez. Il ne fournit pas une solution(je ne pense pas qu'il y en a un) pour ce problème, mais il met en évidence les différences.
OriginalL'auteur Srinivas