Y at-il un moyen de faire letter-spacing css: 0,5 px?
https://stackoverflow.com/questions/7811225
-
26-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
Je couru à travers le problème, je dois le rendre facile pour les utilisateurs de lire le texte, donc je letter-spacing de 1 px, mais il semble laid, donc je pensais que je vais utiliser un demi-pixel si 0.5px , mais cela ne fonctionne pas, j'essayé d'utiliser em attributs, mais n'a pas réalisé la tâche.
Ainsi est-il un moyen de faire interlettrage demi-pixel (solution navigateur cross si possible)
La solution
Ce bug a été rapporté en 2008 et est confirmée. Donc, si quelqu'un se sent comme le piratage en webkit qui ferait beaucoup de designers heureux.
Autres conseils
espacement des lettres sous-pixel fonctionne très bien sur FF, mais pas sur WebKit (au moins sous Windows). Voir ce cas de test:
http://jsfiddle.net/fZYqL/2/
Cet essai a également montre qu'il est pas la valeur littérale sous-pixel qui est un problème. L'utilisation de valeurs de fractions em ce résultat en moins de 1px de letter-spacing sont pas non plus honoré sur Webkit, mais fonctionnent aussi bien sur Firefox.
Ce bogue a été fixe en chrome et atterri dans Chrome 30. Donc, les valeurs fractionnaires sont désormais pris en charge par Firefox, Chrome et Opera.
@Zach Re: pixels fractionnaires. Bien qu'ils n'existent pas physiquement, ils sont simulés numériquement par des transparences et des changements de couleur. Un bon exemple sont les icônes et les empattements de type. Un regard attentif sur ce qui semble être une ligne très mince montrera rapidement qu'il est simulé en rendant la ligne avec une couleur plus claire que l'œil fous. Ainsi, même quand ils n'existent pas, le logiciel graphique a traité pixels fractionnaires correctement depuis longtemps. Il est dommage que les navigateurs WebKit toujours pas.
Re: l'espacement des lettres fractionnelle. Il peut être spécifié et fonctionne très bien dans les navigateurs non-webkit (kudos pour IE pour une fois). Dans les navigateurs WebKit espacement des lettres est arrondi à l'entier le plus proche (je crois qu'il est arrondi vers le bas). Cet arrondi se produit non seulement lorsque l'espacement des lettres est spécifié directement en tant que pixel fractionnelle, mais aussi quand il est spécifié en pourcentage ou valeur em et le calcul final en pixels des résultats dans un pixel fractionnelle. Très frustrant.
tailles de sous-pixels sont légaux, mais ils peuvent avoir des résultats imprévisibles dans les navigateurs. Des choses comme texte tentent également de s'aligner sur des pixels entiers (comme le dit Phrogz), si les chances sont les erreurs d'arrondi résultant pourraient rendre les choses inégales.
valeurs Interlettrage fractionnaires sont pris en charge par Webkit , Firefox, Chrome et Opera, depuis la fin de l'année 2013.
Confirmé par Tricks CSS - https://css-tricks.com / almanach / propriétés / l / letter-spacing /
Et je viens testé.
