Есть ли способ сделать css межбуквенный интервал: 0.5 px? - PullRequest
31 голосов
/ 18 октября 2011

Я столкнулся с проблемой, мне нужно, чтобы пользователи могли легко читать текст, поэтому я использовал межстрочный интервал в 1 пиксель, но он выглядит уродливо, поэтому я подумал, что я буду использовать половину пикселя, так что 0,5 пикселя , но это не работает, я пытался использовать атрибуты em, но не выполнил задачу.

Так есть ли способ сделать интервал между буквами половинным пикселем (если возможно, кросс-браузерное решение)

Ответы [ 6 ]

17 голосов
/ 15 декабря 2011

Эта ошибка была зарегистрирована еще в 2008 году и подтверждена. Поэтому, если кто-то захочет взломать webkit, это порадует многих дизайнеров.

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

6 голосов
/ 19 октября 2011

Субпиксельное межбуквенное расстояние отлично работает на FF, но не на WebKit (по крайней мере, на Windows).См. Этот тестовый пример:
http://jsfiddle.net/fZYqL/2/

Этот тест также показывает, что проблема заключается не в буквальном значении субпикселя.Использование дробных значений em, которые приводят к получению межбуквенного интервала менее 1px, также не учитывается в Webkit, но также работает и в Firefox.

Firefox versus Webkit

5 голосов
/ 06 октября 2013

Эта ошибка была исправлена ​​в Chromium и добавлена ​​в Chrome 30. Поэтому дробные значения теперь поддерживаются в Firefox, Chrome и Opera.

2 голосов
/ 12 апреля 2013

@ Zach Re: дробные пиксели. Хотя они не существуют физически, они моделируются в цифровом виде прозрачными пленками и изменениями цвета. Хорошим примером являются значки и засечки типа. Внимательный взгляд на то, что кажется очень тонкой линией, быстро покажет, что она имитируется путем рендеринга линии более светлым цветом, который обманывает глаза. Таким образом, даже если они не существуют, графическое программное обеспечение уже давно правильно обрабатывает дробные пиксели. Обидно, что браузеры webkit до сих пор этого не делают.

Re: дробное расстояние между буквами. Он может быть указан и отлично работает в браузерах, отличных от webkit (за один раз спасибо IE). В браузерах webkit межбуквенный интервал округляется до ближайшего целого числа (я считаю, что он округляется вниз). Это округление происходит не только тогда, когда межбуквенный интервал указывается непосредственно в виде дробного пикселя, но также когда он задается в виде процентного значения или значения em, а окончательный расчет в пикселях приводит к дробному пикселю. Очень расстраивает.

1 голос
/ 29 марта 2017

Дробные межбуквенные значения поддерживаются Webkit , Firefox, Chrome и Opera с конца 2013 года.

Подтверждено трюками CSS - https://css -трики.com / almanac / properties / l / межбуквенный интервал /

И я только что проверил это.

1 голос
/ 19 октября 2011

Субпиксельные размеры допустимы, но они могут иметь непредсказуемые результаты в разных браузерах.Такие вещи, как текст, также пытаются выровнять себя по целым пикселям (как говорит Фрогз), поэтому есть вероятность, что в результате ошибок округления все может выглядеть неравномерно.

...