Letter spacing css что это?

Для изменения расстояния между буквами задавайте letter-spacing с единицей длины. Например, .caption { letter-spacing: .04em; } добавит небольшой интервал, связанный с размером шрифта. При размере 20px это будет 0.8px. Запись letter-spacing: 2 не работает, потому что ненулевому значению не хватает единицы. Можно написать 2px, но такая добавка для мелкого текста способна оказаться слишком большой.

Letter-spacing меняет интервал поверх естественного расположения символов шрифта. Положительные значения раздвигают их, отрицательные сближают. Сильное уменьшение может вызвать слипание букв, а чрезмерное увеличение разрушает целостное восприятие слова. Поэтому лучше подбирать небольшую поправку на реальной надписи, чем переносить одно число между разными гарнитурами и размерами.

Не смешивайте несколько разных задач. Word-spacing относится к промежуткам между словами, line-height к высоте строк, а letter-spacing к символам. Если у вас расползлась вся строка, проверьте, не задано ли одновременно text-align: justify или другое оформление, влияющее на расстояния. Для короткой подписи в верхнем регистре дополнительный интервал иногда помогает, но это не универсальное правило для любого языка и любого шрифта.

При адаптивном размере текста значение em меняется вместе с ним. Значение px остается заданной длиной в CSS-пикселях, что дает другое соотношение к буквам при смене font-size. Посмотрите мобильный вариант, переносы и увеличение масштаба. Вложенный элемент может унаследовать letter-spacing, поэтому при неожиданном результате проверьте вычисленное значение. Для возврата к обычному оформлению используйте normal и сравните результат, сохранив читаемость как основной критерий.

Синтаксис Используйте длину, например letter-spacing: 1px или letter-spacing: .04em. Ноль допускается без единицы, но произвольное ненулевое число вроде 2 не является правильной длиной для этого свойства.

Результат Положительное значение добавляет расстояние между символами, отрицательное уменьшает его. При font-size: 20px значение .04em дает добавку 0.8px. Значение normal оставляет обычную обработку интервалов браузером.

Подбор Проверяйте несколько слов выбранным шрифтом, включая узкие и широкие буквы. Хороший вид одной короткой надписи не гарантирует читаемость абзаца. Не пытайтесь этим свойством исправлять чрезмерно узкую колонку или выравнивать каждую строку до края: для таких задач нужны другие настройки.

letter-spacing меняет дополнительное расстояние между символами. Например, letter-spacing: .04em слегка раздвинет буквы, а отрицательное значение сблизит их. Для ненулевой длины нужна единица: запись просто 2 не подходит. Em удобен тем, что зависит от размера шрифта. Не путайте свойство с word-spacing для промежутков между словами и line-height для строк. Слишком сильное изменение ухудшает чтение.