Главная
» Блог
» Как правильно конвертировать размер шрифта при верстке

Как правильно конвертировать размер шрифта при верстке

👁 3 Просмотров

Сен, 18, 2017

Разработка

Нужна консультация по созданию или продвижению сайта?

Часто при создании сайта возникает потребность узнать какой же нужно делать размер шрифта в той или иной стуации, относительно маткета сайта. Особенно такое встречаеться когда клиент предоставляет макет в 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%