Как подобрать размер шрифта в em


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

У этого подхода есть один недостаток: для каждого дочернего элемента страницы приходится заново рассчитывать размер согласно пропорции: (искомый размер/размер родительского). Причем если размер основного текста отличается от стандартного для современных браузеров (16px), то, для соответствия макету, надо заново все пересчитывать.

На практике дизайнеры обычно используют шрифты от 13px до 18px для основного текста. Для того чтобы избавиться от этого рутинного пересчета я подготовил таблицу соответствия размера в px  для размера в em, начиная от 13px для основного текста, и заканчивая 18px. Как это таблицей пользоваться? Ее можно распечатать и держать под рукой во время верстки, либо копировать значения прямо с этой страницы и вам не придется каждый раз пользоваться калькулятором.


комментарии: