Я столкнулся с проблемой, мне нужно, чтобы пользователям было легко читать текст, поэтому я использовал межбуквенный интервал 1 пиксель, но это выглядит некрасиво, поэтому я подумал, что буду использовать полпикселя, поэтому 0,5 пикселя, но это не работает, я пытался использовать атрибуты em, но не выполнил задачу.
Итак, есть ли способ сделать интервал между буквами в половину пикселя (если возможно, кросс-браузерное решение)
Об этой ошибке сообщалось еще в 2008 году, и она подтверждена. Так что, если кому-то захочется взломать webkit, многие дизайнеры будут счастливы.
https://bugs.webkit.org/show_bug.cgi?id=20606
Субпиксельное расстояние между буквами отлично работает в FF, но не в WebKit (по крайней мере, в Windows). См. этот тестовый пример:
http://jsfiddle.net/fZYqL/2/.
Этот тест также показывает, что проблема заключается не в буквальном значении субпикселя. Использование дробных значений em, которые приводят к межбуквенному интервалу менее 1 пикселя, также не поддерживается в Webkit, но так же хорошо работает в Firefox.
Эта ошибка была исправлена в Chromium и добавлена в Chrome 30. Таким образом, дробные значения теперь поддерживаются Firefox, Chrome и Opera.
31.0.1650.48 m.
- person Michał Rybak; 14.11.2013
@Zach Re: дробные пиксели. Хотя они не существуют физически, они моделируются в цифровом виде с помощью прозрачности и изменения цвета. Хорошим примером являются значки и шрифт с засечками. При внимательном рассмотрении того, что кажется очень тонкой линией, быстро видно, что она смоделирована путем визуализации линии более светлым цветом, который обманывает глаз. Таким образом, даже когда их не существует, графическое программное обеспечение уже давно правильно обрабатывает дробные пиксели. Жаль, что браузеры webkit до сих пор этого не делают.
Re: Дробный интервал между буквами. Его можно указать, и он отлично работает в браузерах, отличных от webkit (престижность IE на этот раз). В браузерах webkit расстояние между буквами округляется до ближайшего целого числа (я полагаю, что оно округляется в меньшую сторону). Это округление происходит не только тогда, когда межбуквенный интервал указывается непосредственно в виде дробного пикселя, но и когда он указывается в виде процента или значения em, а окончательный расчет в пикселях приводит к дробному пикселю. Очень расстраивает.
Размеры субпикселей допустимы, но они могут иметь непредсказуемые результаты в разных браузерах. Такие вещи, как текст, также пытаются выровняться по целым пикселям (как говорит Фрогз), поэтому есть вероятность, что возникающие в результате ошибки округления могут привести к тому, что все будет выглядеть неравномерно.
Дробные значения межбуквенного интервала поддерживаются Webkit, Firefox, Chrome и Opera с конца 2013 года.
Подтверждено трюками CSS — https://css-tricks.com/almanac/properties/l/letter-spacing/
И я только что протестировал его.
