Как изменить расстояние между буквами

Короткий ответ

letter-spacing добавляет промежуток между буквами:

<p style="letter-spacing: 0.2em; text-transform: uppercase; font-size: 14px;">Free shipping</p>
<p style="letter-spacing: -0.02em; font-size: 32px; font-weight: 700; margin: 0;">Big tight heading</p>

Значение в em масштабируется вместе со шрифтом, поэтому его удобнее, чем пиксели, переносить между размерами. Отрицательное значение сжимает буквы.

Когда это нужно

Заглавные буквы и мелкие подписи читаются лучше с небольшой разрядкой. Крупные жирные заголовки, наоборот, часто немного сжимают. Обычный текст лучше не трогать — шрифт уже рассчитан на нормальное расстояние.

Между словами

Расстояние между словами задаёт word-spacing:

<p style="word-spacing: 12px;">Words with extra space</p>

Частая ошибка

Разрядку через пробелы между буквами («S A L E») так делать нельзя: экранный диктор прочитает слово по буквам, а поиск по странице его не найдёт. Пишите слово обычно и добавляйте letter-spacing.