
Как правильно конвертировать размер шрифта при верстке
Часто при создании сайта возникает потребность узнать какой же нужно делать размер шрифта в той или иной стуации, относительно маткета сайта. Особенно такое встречаеться когда клиент предоставляет макет в Excel или Word. Единици измерения применяемые в разных программа для шрифтов — разные. Из-за этого могут возникать несостыковки при верстке. Вариантов решения данного вопроса может быть несколько. Самым простым выходом из ситуации являеться использование онлайн-сервиса по конвертации, или же можно просто свериться по таблице и узнать нужный вам размер. Ниже приведена таблица самых распространенных размеров шрифтов в разлных единицах измерений и адрес одного из популярных онлайн-сервисов по конвертации:
- Онлайн-сервис по конвертации единиц измерения шрифта https://wpcalc.com/konverter-css-edinic/
- Таблица преобразования размера шрифтов points в pixels, ems или проценты
| Points | Pixels | Ems | Проценты |
|---|---|---|---|
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 150% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
| 26pt | 35px | 2.2em | 220% |
| 27pt | 36px | 2.25em | 225% |
| 28pt | 37px | 2.3em | 230% |
| 29pt | 38px | 2.35em | 235% |
| 30pt | 40px | 2.45em | 245% |
| 32pt | 42px | 2.55em | 255% |
| 34pt | 45px | 2.75em | 275% |
| 36pt | 48px | 3em | 300% |
Нужен сайт или продвижение для вашего бизнеса?
Поможем создать современный сайт, оптимизировать его для Google и настроить рекламу, которая приведет клиентов.

Последнее в блоге
-
Сайт для салона красоты: что важно учесть в 2026 году? -
Как правильно оформить страницу услуги на сайте компании -
Обязательно ли добавлять название компании в конце meta title -
Что важнее для сайта: дизайн или маркетинг -
Сайт для стоматологии: особенности создания -
Какие бывают структуры сайта и как выбрать правильную -
Ключевые факторы почему реклама не приносит заявки -
Топ примеров как увеличить конверсию сайта в 2026 году -
Топ платформы для создания сайтов в 2026 году: что выбрать для бизнеса
По вопросам разработки или рекламы сайтов - звоните по указанным телефонам в рабочее время, либо оставляйте заявки на сайте.
Последние
Новости
-
Мар 2026Повышение стоимости доменов: администратор доменной зоны .UA — официально уведомил регистраторов о повышении стоимости доменных имен с 1 апреля 2026 […]
Читать -
Янв 2026Сообщаем об обновлении цен на домены и хостинг с 2026 года, которая вступает в силу с начала 2026. Повышение цен […]
Читать -
Дек 2025Друзья, канун новогодних праздников команда Webatom искренне поздравляет вас с наступающим Новым годом и Рождеством! Спасибо за доверие, сотрудничество и […]
Читать
