Абсолютная единица типографики, стандартизированная как 1/72 дюйма

Пункты измеряют размер шрифта, межстрочный интервал (интерлиньяж) и другие типографские размеры. Шрифт размером 12pt означает, что расстояние от самого нижнего выносного элемента до самого верхнего составляет 12 пунктов (1/6 дюйма или 4,23 мм). Система пунктов обеспечивает независимые от устройства измерения, которые последовательно переводятся на разные носители.

Пример: 12pt Times New Roman = 0,1667 дюйма в высоту = 4,23 мм. Профессиональный основной текст обычно использует 10-12 pt, а заголовки — 18-72 pt.

Цифровая единица, представляющая одну точку на экране или изображении

Пиксели — это зависимые от устройства единицы, которые варьируются в зависимости от плотности экрана (DPI/PPI). Одно и то же количество пикселей кажется больше на дисплеях с низким разрешением (72 PPI) и меньше на дисплеях с высоким разрешением типа retina (220+ PPI). Понимание взаимосвязи DPI/PPI имеет решающее значение для последовательной типографики на разных устройствах.

Пример: 16px при 96 DPI = 12pt. Те же 16px при 300 DPI (печать) = 3,84pt. При преобразовании пикселей всегда указывайте целевое значение DPI.

Традиционная типографская единица, равная 12 пунктам или 1/6 дюйма

Пики измеряют ширину колонок, поля и размеры макета страницы в традиционном печатном дизайне. Программы для настольных издательских систем, такие как InDesign и QuarkXPress, используют пики в качестве стандартной единицы измерения. Одна пика равна ровно 12 пунктам, что делает преобразования простыми.

Пример: стандартная газетная колонка может иметь ширину 15 пик (2,5 дюйма или 180 пунктов). В макетах журналов часто используются размеры 30-40 пик.

1450–1737

Появление подвижного шрифта создало потребность в стандартизированных измерениях, но региональные системы оставались несовместимыми на протяжении веков.

• 1450: Печатный станок Гутенберга создает потребность в стандартизированных размерах шрифтов
• 1500-е: Размеры шрифтов называются в честь изданий Библии (Цицерон, Августин и т.д.)
• 1600-е: Каждый европейский регион разрабатывает собственную систему пунктов
• 1690-е: Французский типограф Фурнье предлагает систему из 12 частей
• Ранние системы: Крайне непоследовательные, различались на 0,01-0,02 мм между регионами

1737–1886

Французский печатник Франсуа-Амбруаз Дидо создал первый настоящий стандарт, принятый во всей континентальной Европе и до сих пор используемый во Франции и Германии.

• 1737: Фурнье предлагает систему пунктов, основанную на французском королевском дюйме
• 1770: Франсуа-Амбруаз Дидо усовершенствует систему — 1 пункт Дидо = 0,376 мм
• 1785: Цицеро (12 пунктов Дидо) становится стандартной мерой
• 1800-е: Система Дидо доминирует в печати континентальной Европы
• Современность: До сих пор используется во Франции, Германии, Бельгии для традиционной печати

1886–1984

Американские и британские печатники стандартизировали систему пик, определив 1 пункт как 0,013837 дюйма (1/72,27 дюйма), что доминировало в англоязычной типографике.

• 1886: American Type Founders создают систему пик: 1 pt = 0,013837"
• 1898: Британцы принимают американский стандарт, создавая англо-американское единство
• 1930-е-1970-е: Система пик доминирует во всей англоязычной печати
• Разница: Англо-американский пункт (0,351 мм) против Дидо (0,376 мм) — на 7% больше
• Влияние: Требовал отдельных отливок шрифтов для рынков США/Великобритании по сравнению с европейскими рынками

1984–настоящее время

Стандарт PostScript от Adobe объединил мировую типографику, определив 1 пункт как ровно 1/72 дюйма, что положило конец векам несовместимости и позволило развиваться цифровой типографике.

• 1984: Adobe PostScript определяет 1 pt = ровно 1/72 дюйма (0,3528 мм)
• 1985: Apple LaserWriter делает PostScript стандартом для настольных издательских систем
• 1990-е: Пункт PostScript становится мировым стандартом, заменяя региональные системы
• 2000-е: TrueType, OpenType принимают измерения PostScript
• Современность: Пункт PostScript является универсальным стандартом для всего цифрового дизайна

Установлена в 1770 году Франсуа-Амбруазом Дидо

Континентально-европейский стандарт, до сих пор используемый во Франции, Германии и частях Восточной Европы для традиционной печати.

• 1 пункт Дидо = 0,376 мм (против PostScript 0,353 мм) — на 6,5% больше
• 1 цицеро = 12 пунктов Дидо = 4,51 мм (сравнимо с пикой)
• Основана на французском королевском дюйме (27,07 мм), обеспечивая простоту, подобную метрической системе
• До сих пор предпочитается в европейской художественной книгопечати и классической печати
• Современное использование: французская Imprimerie nationale, немецкая типографика Fraktur

Создана в 1978 году Дональдом Кнутом для компьютерного набора

Академический стандарт для математических и научных публикаций, оптимизированный для точной цифровой композиции.

• 1 пункт TeX = 1/72,27 дюйма = 0,351 мм (соответствует старому англо-американскому пункту)
• Выбран для сохранения совместимости с до-цифровыми академическими публикациями
• 1 пика TeX = 12 пунктов TeX (немного меньше, чем пика PostScript)
• Используется LaTeX, доминирующей системой научных публикаций
• Критически важно для: академических статей, математических текстов, физических журналов

Типографика Microsoft Word и Windows

Внутренняя единица измерения для текстовых процессоров, обеспечивающая точный контроль над макетом цифровых документов.

• 1 твип = 1/20 пункта = 1/1440 дюйма = 0,0176 мм
• Название: «Двадцатая часть пункта» — чрезвычайно точное измерение
• Используется внутренне: Microsoft Word, Excel, PowerPoint, Windows GDI
• Позволяет использовать дробные размеры пунктов без вычислений с плавающей запятой
• 20 твипов = 1 пункт, что позволяет достичь точности 0,05pt для профессионального набора

Стандарт American Type Founders 1886 года

До-цифровой стандарт для англоязычной печати, незначительно отличающийся от PostScript.

• 1 печатный пункт = 0,013837 дюйма = 0,351 мм
• Равен 1/72,27 дюйма (против PostScript 1/72) — на 0,4% меньше
• Пика = 0,166 дюйма (против PostScript 0,16667) — едва заметная разница
• Доминировал в 1886-1984 годах до унификации PostScript
• Наследие: некоторые традиционные типографии до сих пор ссылаются на эту систему

Слово 'шрифт' происходит от французского 'fonte', что означает 'литой' или 'расплавленный' — имеется в виду расплавленный металл, заливаемый в формы для создания отдельных металлических литер в традиционной высокой печати.

PostScript выбрал 72 пункта на дюйм, потому что 72 делится на 2, 3, 4, 6, 8, 9, 12, 18, 24 и 36 — что облегчает расчеты. Это также было очень близко к традиционной системе пик (72,27 пункта/дюйм).

Bauer Bodoni стоит 89 900 долларов за полное семейство — один из самых дорогих коммерческих шрифтов, когда-либо проданных. Его дизайн требовал годов работы для оцифровки с оригинальных металлических образцов 1920-х годов.

Несмотря на ненависть дизайнеров, Comic Sans увеличивает скорость чтения для людей с дислексией на 10-15% благодаря неправильным формам букв, которые предотвращают путаницу символов. Это на самом деле ценный инструмент доступности.

Символ '@' имеет разные названия в разных языках: 'улитка' (итальянский), 'обезьяний хвост' (голландский), 'мышка' (китайский) и 'рулончик маринованной сельди' (чешский) — но это один и тот же символ размером 24pt.

Apple выбрала 72 DPI для оригинальных Mac, чтобы точно соответствовать пунктам PostScript (1 пиксель = 1 пункт), что впервые сделало возможным настольный издательский процесс WYSIWYG в 1984 году. Это произвело революцию в графическом дизайне.

Гутенберг изобретает подвижный шрифт—первая потребность в стандартах измерения шрифта

Франсуа-Амбруаз Дидо создает систему пунктов Дидо (0,376 мм)

American Type Founders стандартизируют систему пик (1 pt = 1/72,27 дюйма)

Дональд Кнут создает систему пунктов TeX для академического набора

Adobe PostScript определяет 1 pt = ровно 1/72 дюйма—глобальная унификация

Apple LaserWriter привносит PostScript в настольные издательские системы

Формат шрифтов TrueType стандартизирует цифровую типографику

CSS вводит веб-типографику с измерениями на основе пикселей

iPhone вводит дисплеи Retina @2x—дизайн, независимый от плотности

Android запускается с dp (пикселями, независимыми от плотности)

Веб-шрифты (WOFF) позволяют использовать пользовательскую типографику в Интернете

Спецификация вариативных шрифтов—один файл, бесконечные стили

96 DPI (96 пикселей на дюйм)

Microsoft стандартизировала 96 DPI в Windows 95, создав соотношение 4:3 между пикселями и пунктами. Это остается стандартом для большинства дисплеев ПК.

• 1 px при 96 DPI = 0,75 pt (4 пикселя = 3 пункта)
• 16px = 12pt — распространенное преобразование размера основного текста
• История: выбрано как 1,5× от оригинального стандарта CGA 64 DPI
• Современность: дисплеи с высоким DPI используют масштабирование 125%, 150%, 200% (120, 144, 192 DPI)
• Стандарт веба: CSS предполагает 96 DPI для всех преобразований px в физические единицы

72 DPI (устаревший), 220 PPI (@2x Retina)

Оригинальный 72 DPI от Apple соответствовал пунктам PostScript 1:1. Современные дисплеи Retina используют масштабирование @2x/@3x для четкого отображения.

• Устаревший: 1 px при 72 DPI = ровно 1 pt (идеальное соответствие)
• Retina @2x: 2 физических пикселя на пункт, эффективное разрешение 220 PPI
• Retina @3x: 3 физических пикселя на пункт, 330 PPI (iPhone)
• Преимущество: размеры в пунктах совпадают на экране и в предварительном просмотре для печати
• Реальность: физическое разрешение Retina составляет 220 PPI, но масштабируется, чтобы выглядеть как 110 PPI (2×)

160 DPI (пиксель, независимый от плотности)

Система dp (пиксели, независимые от плотности) в Android нормализуется до базовой линии 160 DPI, с категориями плотности для разных экранов.

• 1 dp при 160 DPI = 0,45 pt (160 пикселей/дюйм ÷ 72 пункта/дюйм)
• Категории плотности: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Формула: физические пиксели = dp × (DPI экрана / 160)
• 16sp (пиксель, независимый от масштаба) = рекомендуемый минимальный размер текста
• Преимущество: одно и то же значение dp выглядит физически идентичным на всех устройствах Android

72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)

iOS использует пункт как логическую единицу, идентичную пунктам PostScript, при этом количество физических пикселей зависит от поколения экрана (не-retina @1x, retina @2x, super-retina @3x).

• 1 пункт iOS при @1x = 1,0 pt PostScript (базовая линия 72 DPI, так же как в PostScript)
• Retina @2x: 2 физических пикселя на пункт iOS (144 DPI)
• Super Retina @3x: 3 физических пикселя на пункт iOS (216 DPI)
• Все дизайны для iOS используют пункты; система автоматически управляет плотностью пикселей
• 17pt = минимальный рекомендуемый размер основного текста (доступность)

Разрешение принтера — сколько точек чернил помещается в одном дюйме

DPI измеряет выходное разрешение принтера. Более высокое DPI создает более гладкий текст и изображения, размещая больше точек чернил на дюйм.

• 300 DPI: стандарт для профессиональной печати (журналы, книги)
• 600 DPI: высококачественная лазерная печать (деловые документы)
• 1200-2400 DPI: профессиональная фотопечать и репродукция произведений искусства
• 72 DPI: только для предварительного просмотра на экране — неприемлемо для печати (выглядит зубчатым)
• 150 DPI: черновая печать или плакаты большого формата (просматриваемые с расстояния)

Разрешение экрана — сколько пикселей помещается в одном дюйме дисплея

PPI измеряет плотность дисплея. Более высокое PPI создает более четкий текст на экране, упаковывая больше пикселей в то же физическое пространство.

• 72 PPI: оригинальные дисплеи Mac (1 пиксель = 1 пункт)
• 96 PPI: стандартные дисплеи Windows (1,33 пикселя на пункт)
• 110-120 PPI: бюджетные мониторы для ноутбуков/настольных компьютеров
• 220 PPI: MacBook Retina, iPad Pro (2× плотность пикселей)
• 326-458 PPI: iPhone Retina/Super Retina (3× плотность пикселей)
• 400-600 PPI: высококлассные телефоны на Android (Samsung, Google Pixel)

Печать использует абсолютные единицы (пункты, пики), потому что физический размер вывода должен быть точным и независимым от устройства.

• Основной текст: 10-12pt для книг, 9-11pt для журналов
• Заголовки: 18-72pt в зависимости от иерархии и формата
• Интерлиньяж (межстрочный интервал): 120% от размера шрифта (текст 12pt = интерлиньяж 14,4pt)
• Измеряйте абсолютные размеры в пиках: «Ширина колонки: 25 пик»
• Всегда проектируйте с разрешением 300 DPI для профессиональной печати
• Никогда не используйте пиксели для печати — преобразуйте их в пункты/пики/дюймы

Веб-типографика использует пиксели и относительные единицы, потому что экраны различаются по размеру и плотности.

• Основной текст: 16px по умолчанию (стандарт браузера) = 12pt при 96 DPI
• Никогда не используйте абсолютные пункты в CSS — браузеры отображают их непредсказуемо
• Адаптивный дизайн: используйте rem (относительно корневого шрифта) для масштабируемости
• Минимальный текст: 14px для основного текста, 12px для подписей (доступность)
• Высота строки: 1.5 (без единиц) для читаемости основного текста
• Медиа-запросы: проектируйте для экранов от 320px (мобильные) до 1920px+ (настольные)

Мобильные платформы используют единицы, независимые от плотности (dp/pt), для обеспечения последовательного физического размера на разных плотностях экранов.

• iOS: проектируйте в пунктах (pt), система автоматически масштабирует до @2x/@3x
• Android: используйте dp (пиксели, независимые от плотности) для макетов, sp для текста
• Минимальная цель касания: 44pt (iOS) или 48dp (Android) для доступности
• Основной текст: минимум 16sp (Android) или 17pt (iOS)
• Никогда не используйте физические пиксели — всегда используйте логические единицы (dp/pt)
• Тестируйте на нескольких плотностях: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Академические издания используют пункты TeX для математической точности и совместимости с существующей литературой.

• LaTeX использует пункты TeX (72,27 на дюйм) для совместимости со старыми системами
• Стандартный журнал: шрифт Computer Modern 10pt
• Двухколонный формат: колонки шириной 3,33 дюйма (240pt) с промежутком 0,25 дюйма (18pt)
• Уравнения: точный размер в пунктах имеет решающее значение для математической нотации
• Конвертируйте осторожно: 1 pt TeX = 0,9963 pt PostScript
• Вывод в PDF: TeX автоматически обрабатывает преобразования системы пунктов

• Всегда работайте в пунктах или пиках — никогда в пикселях для печати
• Настраивайте документы в реальном размере (300 DPI) с самого начала
• Используйте 10-12pt для основного текста; все, что меньше, снижает читаемость
• Интерлиньяж должен составлять 120-145% от размера шрифта для комфортного чтения
• Поля: минимум 0,5 дюйма (36pt) для переплета и обработки
• Сделайте пробный отпечаток в реальном размере перед отправкой в коммерческую типографию

• Используйте rem для размеров шрифтов — это позволяет пользователю масштабировать без нарушения макета
• Установите корневой шрифт 16px (стандарт браузера) — никогда не меньше
• Используйте значения высоты строки без единиц (1.5) вместо фиксированных высот
• Никогда не используйте абсолютные размеры в пунктах в CSS — непредсказуемое отображение
• Тестируйте на реальных устройствах, а не только на изменении размера браузера — DPI имеет значение
• Минимальный размер шрифта: 14px основной текст, 12px подписи, 44px цели касания

• iOS: проектируйте @1x, экспортируйте ресурсы @2x и @3x автоматически
• Android: проектируйте в dp, тестируйте на mdpi/hdpi/xhdpi/xxhdpi
• Минимальный текст: 17pt (iOS) или 16sp (Android) для доступности
• Цели касания: минимум 44pt (iOS) или 48dp (Android)
• Тестируйте на физических устройствах — симуляторы не показывают реальную плотность
• По возможности используйте системные шрифты — они оптимизированы для платформы

• Минимальный основной текст: 16px (веб), 17pt (iOS), 16sp (Android)
• Высокий контраст: 4.5:1 для основного текста, 3:1 для большого текста (18pt+)
• Поддерживайте масштабирование пользователем: используйте относительные единицы, а не фиксированные размеры
• Длина строки: 45-75 символов в строке для оптимальной читаемости
• Высота строки: минимум 1,5× размера шрифта для доступности людям с дислексией
• Тестируйте с помощью программ чтения с экрана и масштабирования на 200%

Photoshop предполагает 72 PPI для отображения на экране, в то время как Word использует 96 DPI (Windows) для макета. Шрифт 12pt в Photoshop выглядит на 33% больше на экране, чем в Word, хотя оба печатаются в одинаковом размере. Установите в Photoshop 300 PPI для работы с печатью, чтобы видеть точные размеры.

Всегда в пикселях (или относительных единицах, таких как rem/em) для веба. Пункты — это абсолютные физические единицы, которые непоследовательно отображаются в разных браузерах и на разных устройствах. 12pt может быть 16px на одном устройстве и 20px на другом. Используйте px/rem для предсказуемой веб-типографики.

pt = абсолютный физический (1/72 дюйма), px = экранный пиксель (изменяется в зависимости от DPI), dp = независимый от плотности в Android (нормализованный до 160 DPI). Используйте pt для печати, px для веба, dp для Android, логический pt iOS для iOS. Каждая система оптимизирована для своей платформы.

Приложения интерпретируют пункты по-разному в зависимости от их предположения о DPI. Word использует 96 DPI, Photoshop по умолчанию 72 PPI, InDesign использует реальное разрешение устройства. 12pt всегда равен 1/6 дюйма при печати, но выглядит разного размера на экране из-за настроек DPI.

Умножьте пункты TeX на 0,9963, чтобы получить пункты PostScript (1 pt TeX = 1/72,27 дюйма против PostScript 1/72 дюйма). Разница небольшая — всего 0,37% — но имеет значение для академических изданий, где точный интервал имеет решающее значение для математической нотации.

Печать: минимум 300 DPI, 600 DPI для высокого качества. Веб: проектируйте с разрешением 96 DPI, предоставляйте ресурсы @2x для retina. Мобильные устройства: проектируйте @1x в логических единицах (pt/dp), экспортируйте @2x/@3x. Никогда не проектируйте с разрешением 72 DPI, если только не ориентируетесь на устаревшие дисплеи Mac.

Стандартный размер шрифта в браузере составляет 16px (эквивалентно 12pt при 96 DPI), выбранный для оптимальной читаемости на типичных расстояниях просмотра (18-24 дюйма). Все, что меньше, снижает читаемость, особенно для пожилых пользователей. Всегда используйте 16px в качестве основы для относительного масштабирования.

Только если вы работаете с традиционной европейской печатью, французскими издательствами или историческими репродукциями. Пункты Дидо (0,376 мм) на 6,5% больше, чем пункты PostScript. Современный цифровой дизайн повсеместно использует пункты PostScript — Дидо актуален в основном для классической типографики и художественных книг.