Статьи с тегом #typography

Типографика по праву считается не только способом представления текстовой информации по определенным правилам и нормам, но и целым искусством по преображению контента в рамках графического дизайна. Применительно к front end, как правило, применяется определение «веб-типографика», поскольку верстка текста для веб-документа имеет специфические особенности, которые не учитываются традиционной типографикой.

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

Адаптивная веб-типографика

Как выбрать оптимальный размер шрифта, установить интерлиньяж и определить допустимую ширину линии, чтобы улучшить восприятие содержимого сайта и сделать текст визуально гармоничным? И чем в этом может помочь золотое сечение? Крис Пирсон в своей статье «The Ultimate Guide to Readable Web Typography» делится математическими секретами удобочитаемости текста, а на основе данного перевода вниманию читателя представляется туториал о том, как адаптивная веб-типографика, построенная на пропорциях золотого сечения, может быть реализована средствами CSS и JS.