Safari, letter-spacing avec des polices personnalisées

À l'aide de la Dose, les polices de Google Webfonts ...

@import url(http://fonts.googleapis.com/css?family=Dosis:400,300,200,500,600,700,800);

après de nombreux essais dans Firefox et Safari, tout en étant parfaitement conscient que je ne peux pas obtenir à la fois des navigateurs pour l'afficher tous parfaitement pixel-précisément fine comme la conception originale de vues dans mon photoshop, je suis tombé sur le plus troublant de questions:

letter-spacing

Quoi que j'essaye, je ne peux pas obtenir la lettre de l'espacement de droit dans les navigateurs webkit.

Un exemple simple:

.text-basic {
    font-weight:        200;
    font-size:          16px;
    letter-spacing:     0.52px;
    line-height:        22px;
}

Ce qui rend parfaitement bien, la façon dont je le veux, dans Firefox (encore mieux si je hack FF dans 15.5 px taille de la police, ce qui est correct (sauf si quelqu'un a des objections]).

Cependant, dans Safari, la lettre de l'espacement juste ne fonctionnera pas.

Après quelques recherches, j'ai trouvé qu'il ne permettra pas la lettre de l'espacement au-dessous de 1px, mais il est dit qu'il n'donc, si j'utilise em mesures. Ainsi soit-il.

Si j'utilise jusqu'à:

letter-spacing: 0.0618em

Rien ne se passe. Pas de changement. L'espacement des lettres trop faible.

Mais si j'utilise:

letter-spacing: 0.0619em

Tout à coup, il s'enclenche, et l'espacement des lettres est trop élevé. Comme un textblock de 10 mots soudain prend plus de 50 pixels en largeur.

Je ne l'obtenez pas.

Personne ne sait comment résoudre ce problème?

Merci.

OriginalL'auteur SquareCat | 2012-04-16