Сколько пикселей в 12 pt?

16 пикселей. CSS задаёт дюйм как 96 пикселей и как 72 пункта, поэтому пункт равен 4/3 пикселя, и 12 × 4/3 = 16. По тому же правилу 10 pt — 13,33 px, 11 pt — 14,67 px, а 14 pt — 18,67 px.

Как перевести px в rem?

Разделите на размер шрифта корневого элемента. При стандартных 16 px 24 px — это 24 ÷ 16 = 1,5rem, а 14 px — 0,875rem. Если таблица стилей задаёт элементу html другой размер, введите его как размер корня, и конвертер будет использовать его.

В чём разница между em и rem?

Оба относительны размера шрифта, но разного. rem всегда отсчитывается от корневого элемента (html), поэтому 1,5rem одинаков на всей странице. em отсчитывается от родительского элемента, поэтому 1,5em внутри блока, где текст уже 1,5em, даёт 2,25 размера корня — em накапливается, rem нет.

Всегда ли 1em равен 16px?

Только по умолчанию. 1em равен размеру шрифта родителя, а 1rem — корня; браузеры начинают оба с 16 px. Читатель, который увеличил размер текста по умолчанию в настройках браузера, меняет эту отправную точку — поэтому текст в rem или em следует его выбору, а текст в px — нет.

Сколько миллиметров в 12 pt?

12 пунктов — это 1/6 дюйма, или примерно 4,23 мм. Это размер em-квадрата шрифта — пространства, в котором рисуется каждая буква, а не высота заглавной буквы, которая в обычных текстовых шрифтах составляет примерно две трети от него.

Почему один и тот же размер в пунктах выглядит крупнее в одних шрифтах?

Размер в пунктах задаёт em-квадрат, а не видимые буквы. Шрифты рисуют буквы в разных пропорциях внутри этого квадрата — у Arial строчные буквы выше, чем у Times New Roman, — поэтому 12-пунктовый Arial выглядит крупнее. Поэтому APA 7 сочетает 11-пунктовый Arial с 12-пунктовым Times New Roman, а не задаёт один размер для всех шрифтов.

Конвертер размера шрифта

Переведите размер шрифта между пунктами, пикселями, em, rem, процентами, миллиметрами, дюймами и пиками. Конвертер следует определениям CSS — 96 пикселей и 72 пункта в дюйме — и позволяет задать размеры корневого и родительского шрифта, от которых зависят em, rem и %.

Размер шрифта

Единица

Размер корневого шрифта в px (задаёт 1rem)

Размер шрифта родителя в px (задаёт 1em и 100%)

Браузеры начинают с 16 px. Измените эти значения, если ваша таблица стилей задаёт другой размер для элемента html или родителя.

12 pt во всех единицах

Единица	Размер	CSS
Пункты (pt)	12	12pt
Пиксели (px)	16	16px
em	1	1em
rem	1	1rem
Проценты (%)	100	100%
Миллиметры (mm)	4,2333	4.2333mm
Сантиметры (cm)	0,4233	0.4233cm
Дюймы (in)	0,1667	0.1667in
Пики (pc)	1	1pc

Расчёт

12 pt × 96 ÷ 72 = 16 px
16 px ÷ 16 px = 1 em
16 px ÷ 16 px = 1 rem
16 px × 25,4 ÷ 96 = 4,2333 mm

Word в Windows и Google Docs задают размер шрифта в пунктах и считают дюйм равным 96 пикселям, поэтому при масштабе 100% текст в 12 пунктов выглядит так же, как текст в 16 px в браузере.

Распространённые размеры в пунктах

em, rem и % используют размеры корневого и родительского элементов выше.

Пункты	Пиксели	em	rem	%	mm
6	8	0,5	0,5	50	2,12
7	9,33	0,583	0,583	58,3	2,47
8	10,67	0,667	0,667	66,7	2,82
9	12	0,75	0,75	75	3,18
10	13,33	0,833	0,833	83,3	3,53
10,5	14	0,875	0,875	87,5	3,7
11	14,67	0,917	0,917	91,7	3,88
12	16	1	1	100	4,23
14	18,67	1,167	1,167	116,7	4,94
16	21,33	1,333	1,333	133,3	5,64
18	24	1,5	1,5	150	6,35
20	26,67	1,667	1,667	166,7	7,06
22	29,33	1,833	1,833	183,3	7,76
24	32	2	2	200	8,47
28	37,33	2,333	2,333	233,3	9,88
32	42,67	2,667	2,667	266,7	11,29
36	48	3	3	300	12,7
48	64	4	4	400	16,93
72	96	6	6	600	25,4

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

1. Введите размер и его единицу. Введите 12 и выберите пункты или 24 и выберите пиксели — отправной точкой может быть любая из девяти единиц.
2. При необходимости задайте опорные размеры. rem отсчитывается от размера шрифта корневого элемента (html), а em и % — от размера родительского элемента. Оба начинаются с 16 px, как в браузере по умолчанию.
3. Посмотрите размер во всех единицах. Каждая строка даёт значение и CSS для вставки, с кнопкой копирования; расчёт показывает каждое преобразование через пиксели.
4. Сверьтесь с таблицей распространённых размеров. Размеры в пунктах из меню текстового редактора, от 6 до 72, перечислены с эквивалентами в пикселях, em, rem, процентах и миллиметрах.

Правила перевода

CSS задаёт соотношение физических единиц: дюйм равен 96 пикселям, 72 пунктам, 6 пикам или 25,4 миллиметра. Пункт, таким образом, ровно в 4/3 пикселя. Относительным единицам нужно ещё одно число — размер шрифта, относительно которого они считаются.

Единица	В пиксели	Из пикселей
Пункты (pt)	px = pt × 96 ÷ 72	pt = px × 72 ÷ 96
Пики (pc)	px = pc × 16	pc = px ÷ 16
Миллиметры (mm)	px = mm × 96 ÷ 25,4	mm = px × 25,4 ÷ 96
Дюймы (in)	px = in × 96	in = px ÷ 96
em	px = em × размер родителя	em = px ÷ размер родителя
rem	px = rem × размер корня	rem = px ÷ размер корня
Проценты (%)	px = % × размер родителя ÷ 100	% = px ÷ размер родителя × 100

Размеры корня и родителя задаются в пикселях; оба равны 16 px, если таблица стилей их не меняет.

При значениях по умолчанию 12 pt — это 12 × 96 ÷ 72 = 16 px. Затем 16 ÷ 16 даёт 1 em, 1 rem и 100%, а 16 × 25,4 ÷ 96 — 4,2333 мм. Если задать размер родителя 20 px, те же 16 px станут 0,8 em и 80%, но останутся 1 rem, потому что rem не зависит от родителя.

Почему 12 pt равны 16 px

Пункт — это 1/72 дюйма, а пиксель CSS — 1/96 дюйма, поэтому 12 пунктов — это 12/72 = 1/6 дюйма, или 96 ÷ 6 = 16 пикселей. Word в Windows и Google Docs тоже считают дюйм равным 96 пикселям на экране, поэтому при масштабе 100% текст в 12 пунктов выглядит так же, как текст в 16 px в браузере — а 16 px — размер, который браузеры используют для текста, размер которого таблица стилей не задала.

Пиксель CSS не обязательно равен одной точке экрана. На дисплее высокой плотности один пиксель CSS покрывает несколько точек, и браузер масштабирует все единицы вместе, поэтому приведённые соотношения всегда верны. Исключение, которое встречается часто, — LaTeX: его pt — типографский пункт, 72,27 в дюйме, поэтому 12pt в LaTeX примерно на 0,4% меньше 12 пунктов в Word или CSS. bp в TeX («большой пункт») — это пункт из 72 в дюйме, который использует этот конвертер.

Размеры шрифта для академических работ

Стили задают размеры шрифта в пунктах, поэтому шрифт в работе никогда не нужно переводить, но полезно знать, что именно требует каждый стиль:

APA 7 задаёт пары шрифта и размера, а не один размер: 11-пунктовый Calibri, 11-пунктовый Arial, 10-пунктовый Lucida Sans Unicode, 12-пунктовый Times New Roman, 11-пунктовый Georgia или 10-пунктовый Computer Modern.
MLA 9 просит легко читаемый шрифт, курсивное начертание которого контрастирует с обычным, размером от 11 до 13 пунктов, если преподаватель не указал иное.
Turabian (стиль Chicago для студентов): официальная памятка советует 12-пунктовый Times New Roman или Calibri либо 11-пунктовый Arial.

Шрифты выглядят по-разному при одинаковом размере в пунктах — Arial кажется крупнее Times New Roman, — поэтому APA подбирает размер для каждого шрифта. Поля, интервалы, колонтитулы и остальная разметка страницы — в руководстве Как оформить академическую работу по APA, MLA и Chicago.

Часто задаваемые вопросы

Сколько пикселей в 12 pt?: 16 пикселей. CSS задаёт дюйм как 96 пикселей и как 72 пункта, поэтому пункт равен 4/3 пикселя, и 12 × 4/3 = 16. По тому же правилу 10 pt — 13,33 px, 11 pt — 14,67 px, а 14 pt — 18,67 px.
Как перевести px в rem?: Разделите на размер шрифта корневого элемента. При стандартных 16 px 24 px — это 24 ÷ 16 = 1,5rem, а 14 px — 0,875rem. Если таблица стилей задаёт элементу html другой размер, введите его как размер корня, и конвертер будет использовать его.
В чём разница между em и rem?: Оба относительны размера шрифта, но разного. rem всегда отсчитывается от корневого элемента (html), поэтому 1,5rem одинаков на всей странице. em отсчитывается от родительского элемента, поэтому 1,5em внутри блока, где текст уже 1,5em, даёт 2,25 размера корня — em накапливается, rem нет.
Всегда ли 1em равен 16px?: Только по умолчанию. 1em равен размеру шрифта родителя, а 1rem — корня; браузеры начинают оба с 16 px. Читатель, который увеличил размер текста по умолчанию в настройках браузера, меняет эту отправную точку — поэтому текст в rem или em следует его выбору, а текст в px — нет.
Сколько миллиметров в 12 pt?: 12 пунктов — это 1/6 дюйма, или примерно 4,23 мм. Это размер em-квадрата шрифта — пространства, в котором рисуется каждая буква, а не высота заглавной буквы, которая в обычных текстовых шрифтах составляет примерно две трети от него.
Почему один и тот же размер в пунктах выглядит крупнее в одних шрифтах?: Размер в пунктах задаёт em-квадрат, а не видимые буквы. Шрифты рисуют буквы в разных пропорциях внутри этого квадрата — у Arial строчные буквы выше, чем у Times New Roman, — поэтому 12-пунктовый Arial выглядит крупнее. Поэтому APA 7 сочетает 11-пунктовый Arial с 12-пунктовым Times New Roman, а не задаёт один размер для всех шрифтов.