Опанасенко Сергей (sergey@opanasenko.com.ua / sadesign)
О разрядке строчных
14 февраля 2010

2.1.7 Не набирайте в разрядку строчными без надобности

«Фредерик Гауди говаривал, что тот, кто набирает строчными вразрядку, способен красть овец. Если эта мудрость нуждается в дополнении, то только в том, что и та, которая набирает строчными вразрядку, тоже способна красть овец.
Тем не менее этим правило, как и всякими другими, необходимо пользоваться с умом. Да, разрядку строчных делать не слудет, так как это снижает удобочитаемость. Но, например, к некоторым строчным алфавитам этот принцип неприменим.»

С межсимвольным интервалом стоит особенно аккуратно работать, поскольку интернет-типографика несет за собой массу непредсказуемых особенностей настроек пользователей. Но существуют гарнитуры к которым применима разрядка, например, Univers bold и, упомянутые Брингхарстом, Impact и Haettenschweiler. Свойство в css для межсимвольной разрядки — letter-spacing.

h2 {
font-family: "univers bold condensed",
impact, haettenschweiler, sans-serif;
font-size: 200%;
letter-spacing:0.1em; }

Получаем следущее:

wharves and warfingers

Обратите внимание, что letter-spacing указан в em для сохранения пропорций.

              html/css, типографика

9 комментариев на “О разрядке строчных”

1. Zel:

   15 февраля 2010 в 12:30 дп

   в примере меня смущает почему-то расстояние между буквами «wh» и «rv» в слове «wharves», и «rf» в «warfingers». Хочеться их немного «раздвинуть» друг от друга :)

   Ответить
2. natio:

   15 февраля 2010 в 12:54 дп

   Хочется хочется, поэтому, при более точных наборах, это все дело часто подвигается вручную для более комфортного чтения.

   Многое, опять таки связано, от общих настроек типографики на сайте ну и не только :)

   Ответить
3. Zel:

   15 февраля 2010 в 1:01 дп

   а при 100% font-size эта же надпись должна смотреться нормально поидее или будет не так заметно межсимвольная прижимность :)

   Ответить
4. серього из киева:

   15 февраля 2010 в 9:25 дп

   А где это в жизни можно встретить?

   Ответить
5. natio:

   15 февраля 2010 в 10:49 дп

   Дык при различных видах верстки и встречается, ситуации то разные могут быть!

   Ответить
6. natio:

   15 февраля 2010 в 11:13 дп

   Да, чуть не забыл, при наборе слишком мелких надписей, к примеру, на карте проезда, строчные символы стоит тоже разрежать для повышения удобочитаемости.

   Ответить
7. Zel:

   15 февраля 2010 в 1:16 пп

   Спасибо :)

   Ответить
8. divbyzero:

   16 февраля 2010 в 5:18 пп

   Никогда не встречался с такой гарнитурой, но раз такое бывает то думаю стоит добавить на всякий случай в стили: text-transform: lowercase;

   Ответить
9. natio:

   16 февраля 2010 в 5:27 пп

   Impact идет по-умолчанию с вендой.

   И в примере именно он отображается.

   Ответить