Est-il un moyen de faire des css letter-spacing: 0.5 px?

J'ai couru à travers le problème, j'ai besoin de le rendre facile pour les utilisateurs de lire le texte, j'ai donc utilisé la lettre de l'espacement de 1 px, mais il semble laid, donc je pense que je vais utiliser un demi-pixel afin de 0,5 px, mais ça ne fonctionne pas, j'ai essayé d'utiliser em attributs, mais n'a pas la tâche.

Donc, il y a une façon de faire de l'espacement des lettres demi-pixel (navigateur croix solution si possible)

  • Vous êtes probablement en cours d'exécution dans le pixel-problèmes d'alignement avec font-hinting, vous êtes probablement décalage d'un demi-pixel, mais alors la police rasterizer est ré-aligner le texte sur les limites des pixels. Les effets de 0,5 px pourrait raisonnablement varier d'un système à un et un navigateur à l'autre.
  • Puisque c'est en haut des résultats de Google, pour aider d'autres rookies de sortir, les fractions letter-spacing est pris en charge par tous les principaux navigateurs, comme de la fin de l'année 2013.
InformationsquelleAutor Ilja | 2011-10-18
  1. 17

    Ce bug a été signalé en 2008 et est confirmé. Donc, si quelqu'un se sent comme le piratage informatique dans webkit qui ferait beaucoup de designers heureux.

    https://bugs.webkit.org/show_bug.cgi?id=20606

    • Ressemble à un patch a finalement atterri dans webkit! Et de Chrome/clin a été fixé il y a quelques temps. Nous allons donc être en mesure d'utiliser en toute sécurité les fractions letter-spacing très bientôt.
    • Je viens de tester avec la dernière version de safari (8.0) et il travaille maintenant : )
    InformationsquelleAutor idFlood
  2. 6

    Sous-pixel de l'espacement des lettres fonctionne très bien sur FF, mais pas sur WebKit (au moins sous Windows). Voir ce test:

    http://jsfiddle.net/fZYqL/2/

    Ce test montre aussi qu'il n'est pas le sous-pixel valeur littérale qui est un problème. À l'aide de fractions de em valeurs de résultat en moins de 1px de letter-spacing sont pas aussi à l'honneur sur Webkit, mais fonctionne tout aussi bien sur Firefox.

    Est-il un moyen de faire des css letter-spacing: 0.5 px?

    InformationsquelleAutor Phrogz
  3. 5

    Ce bug a été fixe dans Chrome et a atterri dans Chrome 30. Si des valeurs fractionnaires sont maintenant pris en charge par Firefox, Chrome et Opera.

    • C'est dit d'être fixe, mais je peux encore le voir à nouveau (pour l'instant) 31.0.1650.48 m.
    • Testé l'exemple ci-dessus (jsfiddle.net/fZYqL/2) sur la version Chrome 31.0.1650.48 qui a bien fonctionné pour moi.
    • Testé et semble aussi travailler sur IE9+
    InformationsquelleAutor Maximilian Hoffmann
  4. 2

    @Zach Re: les fractions de pixels. Bien qu'ils n'existent pas physiquement, ils sont simulées numériquement par des transparents et des changements de couleur. Un bon exemple sont des icônes et des empattements de type. Un regard de près à ce qui semble être une très mince ligne de la va vite lui montrer qu'elle est simulée par le rendu de la ligne avec une couleur plus claire que les imbéciles l'œil. Ainsi, même quand ils n'existent pas, logiciel graphique a traitée avec des fractions de pixels correctement depuis un long moment. C'est une honte que les navigateurs webkit ne comprends toujours pas.

    Re: les fractions de l'espacement des lettres. Il peut être spécifié et fonctionne très bien dans la non-navigateurs webkit (bravo pour IE pour une fois). Dans les navigateurs webkit l'espacement des lettres est arrondi à l'entier le plus proche (je crois que c'est arrondi vers le bas). Cet arrondissement se fait pas uniquement lorsque la lettre de l'espacement est spécifié directement que d'une fraction de pixel, mais également lorsqu'elle est exprimée sous forme de pourcentage ou à l'em de la valeur et le calcul final en pixels résultats en une fraction de pixel. Très frustrant.

    InformationsquelleAutor cockypup
  5. 1

    Sous-pixel tailles sont légaux, mais ils peuvent avoir des résultats imprévisibles dans les navigateurs. Des choses comme texte aussi essayer de s'aligner à l'ensemble de pixels (comme Phrogz dit), alors les chances sont que la résultante des erreurs d'arrondi peuvent rendre les choses inégales.

    • Par la Spécifications CSS2 le montant de l'espacement est "en plus la valeur par défaut de l'espace entre les caractères"; avoir un supplément de 0,5 px raisonnable et lisible désir
    • Bon alors, qu'est le mal supprimés de réponse.
    InformationsquelleAutor Toomai
  6. 1

    Fractionnaire letter-spacing valeurs sont pris en charge par Webkit, Firefox, Chrome et Opera, depuis la fin de 2013.

    Confirmé par CSS Tricks - https://css-tricks.com/almanac/properties/l/letter-spacing/

    Et je l'ai juste testé.

    InformationsquelleAutor Joshua Dance