
Як правильно конвертувати розмір шрифту при верстці
Часто при створенні сайту виникає потреба дізнатися який потрібно робити розмір шрифту в тій чи іншій ситуації, щодо маткета сайту. Особливо таке зустрічається, коли клієнт надає макет в 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 щиро вітає вас з прийдешнім Новим роком та Різдвом! Дякуємо за довіру, співпрацю та […]
Читати
