кегль шрифта — это… Что такое кегль шрифта?

кегль шрифта — Размер шрифта. Расстояние между верхней и нижней гранями литеры. Измеряется в пунктах (1 п. = 1/72 дюйма). [http://www.morepc.ru/dict/] Тематики информационные технологии в целом EN body sizefont sizepoint bodyprimersize of typetype bodytype size …   Справочник технического переводчика

Кегль (кегель) — (от нем. Kegel) размер литеры наборного шрифта в стоячем положении от передней до задней стенки. Практически К. это высота буквы или знака в строке с просветом над и под ними (заплечики), необходимым для того, чтобы их штрихи в смежных строках не …   Издательский словарь-справочник

Кегль — (от нем. Kegel)  переводится как размер высоты буквы, включая нижние и верхние выносные элементы у этой буквы или знака. В ручном наборе высокого способа печати кегль измеряли через высоту литерной площадки, на которой расположена буква …   Википедия

КЕГЛЬ — Толщина стопочки отлитой типограф. буквы, размер литеры в толщину. Словарь иностранных слов, вошедших в состав русского языка. Чудинов А.Н., 1910. КЕГЛЬ размер типографской литеры в толщину, высота свинцового столбика, на одном конце которого… …   Словарь иностранных слов русского языка

кегль — КЕГЛЬ, КЕГЕЛЬ, кегля; м. [нем. Kegel] Типогр. Размер типографской литеры (от верха до низа строки), определяемый числом пунктов. Десятый к. Восьмой к. * * * кегль (кегель) (полиграф.), размер шрифта, включающий высоту буквы (очка) и заплечики… …   Энциклопедический словарь

кегль (кегель) шрифта — Размер шрифта, соответствующий расстоянию между верхней и нижней гранями литеры, измеряемому в пунктах. Примечание Различают кегли: бриллиант 3 пункта, диамант – 4 пункта, перл 5 пунктов, нонпарель – 6 пунктов, миньон 7 пунктов, петит …   Справочник технического переводчика

Кегль — (КЕГЕЛЬ) параметр, обозначающий размер шрифта, т. е. расстояние между верхней и нижней гранями литеры. Включает высоту очка и заплечики; измеряется в типографских пунктах. На оттиске К. это высота отпечатка буквы с включением небольших пробелов… …   Реклама и полиграфия

Кегль — условный размер шрифта; расстояние от нижней части строчной буквы р до верхней части заглавной буквы Р. Измеряется в пунктах: 1 пункт = 0.35 мм. См. также: Шрифты Финансовый словарь Финам …   Финансовый словарь

КЕГЛЬ — (кегель) (полиграфический), характеризует высоту букв шрифта. Измеряется в пунктах (в России 1 пункт=0,3759 мм). Некоторые кегли имеют собственное название, например бриллиант (высота букв 3 пункта), нонпарель (6), петит (8), цицеро (12) …   Современная энциклопедия

КЕГЛЬ — (кегель) в полиграфии размер шрифта, включающий высоту буквы (очка) и заплечики (свободные пространства над и под очком). Измеряется в пунктах (в России 1 пункт = 0,3759 мм). Некоторые кегли имеют название: бриллиант, диамант, перл, нонпарель,… …   Большой Энциклопедический словарь

Кегль — м.; = кегель Размер типографского шрифта, расстояние между верхней и нижней гранями литеры, т.е. высота буквы с заплечиками, измеряемая в пунктах (1 пункт = 0,376 мм). Толковый словарь Ефремовой. Т. Ф. Ефремова. 2000 …   Современный толковый словарь русского языка Ефремовой

Кегль и типографский пункт | Полиграф-Сити

Статьи по полиграфии, дизайну и продажам

Содержание

КЕГЛЬ

Кегль (от нем. kegel) — переводится как размер высоты буквы, включая нижние и верхние засечки у этой буквы или знака. В ручном наборе высокого способа печати кегль измеряли через высоту литерной площадки, на которой расположена буква или знак. В линотипном наборе, кегль измеряли через расстояние между задней и передней стенками строки. Кегль измеряется в типографских пунктах. Высота литерной площадки включает в себя нижнее заплечико, высоту самой буквы (знака) и высоту верхнего заплечика. На

оттиске кегль измеряют визуально «на глаз» и измеряют его условно через высоту буквы (знака) с учетом невидимых верхних и нижних заплечиков. При подстановке двух литер вместе или двух линотипных строк, между ними образовывался «интерлиньяж» — пробельное расстояние между строками.

ТИПОГРАФСКИЙ ПУНКТ

Существует две системы измерения шрифтов — так называемая, французская система (система Дидо), созданная в Париже в 1785 г. и принятая в Европе (Германия, Франция и др.) и позднее в России (СССР), а также

англо-американская система, где основной единицей является пика (пайка, от англ. pica). В любом случае основной единицей измерения является типографский пункт. В системе Дидо 1 п. = 0,3759 мм (при расчетах эту величину всегда округляют до значения 0,376 мм), а в англо-американской системе — 0,3527 мм (1/72 дюйма). Термин кегль также используется и в монотипной системе измерения.

Типогра́фский пункт — единица измерения кегля шрифта.
В странах СНГ 1 пункт = 0,3759 мм.
В США (используется при компьютерном наборе) 1 пункт = 1/72 дюйма = 0,3528 мм = 352,777 773 956 019 микрон.
1 пункт = 1/12 цицеро (pica) = 1/48 квадрата

История

Шкала Фурнье. Manuel Typographique, Barbou, Paris, 1764

В 1737 году французский типограф П. С. Фурнье (Fournier) опубликовал брошюру озаглавленную «Tables des Proportions qu’il faut observer entre les caractères», в которой предложил в качестве основной единицы для установления размеров шрифта использовать единицу измерения «типографский пункт», которая равна 1/12 распространённого шрифта цицеро. Фурнье дал размеры шрифтов в парижских дюймах, а парижский дюйм был равен 1/12 парижского фута (30,01 см). Таким образом, 1 пункт в системе Фурнье равен 0,3473 мм.

Для измерения шрифта Фурнье предложил использовать напечатанную на бумаге размерную линейку (см. рис.). Но идея у типографов поддержки не нашла, поскольку бумага со временем высыхала, и линейка становилась короче.

В 1770 году парижский типограф Франсуа Амбруаз Дидо ввел новую меру, которая затем была названа нормальной. Дидо взял за основу королевскую стопу (фут) размером 32,48 см. По этому эталону дюйм (1/12 фута) равен 27,06 мм, и отсюда пункт 1/72 дюйма равен 0,3759 мм.

Система Дидо была принята сначала во многих европейских странах, в том числе и в России.
В 1878 году английский типограф Нельсон Хоукс определил размер типографского пункта в 1/72,27 английского дюйма (2,54 см). Соответственно 1 пункт = 0,3515 мм. Эта система измерения шрифтов (система Хоукса) стала использоваться в Англии и США.

В 1930-x годах в Советском Союзе пытались внедрить метрический размер шрифтов и других наборных материалов. По замыслу авторов реформы, вместо пункта Дидо следовало использовать пункт размером 0,375 мм. Таким образом, размеры кегля шрифта легко было выразить в миллиметрах. Например, 8 пунктов — это 3 мм, 12 пунктов — 4,5 мм. Для предотвращения смешения старого и нового наборного материала предполагалось отливать литеры с двумя-тремя сигнатурами (канавки на подножке литеры).

Окончательная замена шрифтов на метрические была запланирована на 1942 год, однако успеха реформа не имела.
В конце 1980-х годов американской компанией Adobe был разработан язык описания страниц PostScript, в котором 1 пункт был равен 1/72 доле от английского дюйма (25,4 мм), т. е. 0,352777….мм. С тех пор англо-американская система измерения шрифтов используется во всех компьютерных программах верстки и дизайна по умолчанию.

Иногда пункты, указанные в американской системе, называют пойнтами (point), чтобы их можно было отличить от пунктов системы Дидо.

Кегльная и полукегльная

От термина «кегль» произошли термины «полукегльная» (половина кегля) и «кегльная» (равная кеглю шрифта), которые были введены НИИ Полиграфмаш после 1946 г. В дореволюционных словолитнях полукегльная и кегльная именовались словами (возведенными на тот момент времени в ранг терминов) «круглая» и «полукруглая». Так например, если кегль равен 10 п., то половина кегля будет равна 5 п. (10 : 2 = 5 п.). Кегльная в этом случае будет равна 10 п. В настоящее время термины «круглая» и «полукруглая» являются весьма некорректными, поскольку в металлическом наборе «кегльная» имеет форму правильного квадрата, а не круга, а «полукруглая» имеет форму прямоугольника, а не полукруга.

Наименования кеглей

Ещё во времена металлического набора у наборщиков сложилось профессиональное наименование кеглей различного размера: бриллиант, диамант, перл, агат, нонпарель, миньон, петит, боргес, корпус, цицеро, миттель, терция, парангон, текст и др.

Таблица кеглей

БРИЛЛИАНТ

Бриллиант (от фр. brillant

— блестящий) — типографский шрифт, кегль (размер) которого равен 3 пунктам. Самый мелкий из шрифтов. Употребляется крайне редко, в основном, для печати супериндексов (индекс индекса) в формулах.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Бриллиант	Semionpareille	Diamant	Microscop	Diamante	Diamante

Размеры кегля Бриллиант в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	3	1,128	3
Система Фурнье	«»	«»	«»
Немецкая (Лейпцигская) система	2,88	«»	1,5
Английская система Уильяма Каслона	3,95	«»	204
Англо-американская пунктовая система	1,4	3,75	4

ДИАМАНТ

Диамант (полупетит) (от нем. diamant — алмаз) — очень мелкий типографский шрифт, кегль (размер) которого равен 4 пунктам (~1,41 мм в системе Pica; ~1,5 мм в системе Дидо). Этот кегль применяется довольно редко (лишь в специальных видах изданий или для заголовков).

Изначально под названием диамант был шрифт размером 3 пункта. Этим шрифтом, отлитым из серебра были напечатаны «Басни» И.А.Крылова (1855 год). Это была самая маленькая книга отпечатанная в дореволюционной России. Позднее этот шрифт стали называть Бриллиант, а диамантом стал шрифт в 4 пункта.

Размеры кегля Диамант в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	4	1,504	4
Система Фурнье	«»	«»	«»
Немецкая (Лейпцигская) система	3,85	«»	2
Английская система Уильяма Каслона	4,55	«»	178
Англо-американская пунктовая система	4,22	1,58	4,5

ПЕРЛ

Перл (перль, жемчуг) (от фр. perle — жемчужина) — типографский шрифт, кегль (размер) которого равен 5 пунктам (~ 1,88 мм). Этот кегль применяется довольно редко (лишь в специальных видах изданий или для заголовков).
Название сложилось исторически и сейчас практически не употребляется в типографском производстве. Употребляется чаще всего просто номер кегля.
Впервые шрифт такого размера использовался в 1627 году французским печатником Жан Жанноном из города Седан.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Перл	Perl	Parisienne	Parel	Parigina (Parmigianina)	Parisienne

Размеры кегля Перл в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	5	1,88	5
Система Фурнье	4,6	«»	5
Немецкая (Лейпцигская) система	4,8	«»	2,5
Английская система Уильяма Каслона	4,9	«»	166
Англо-американская пунктовая система	4,69	1,75	5

АГАТ

Агат (agate, ruby) — типографский шрифт, кегль которого равен 5,5 пунктам. Употребляется крайне редко, преимущественно в США. Также используется для уточнения чтения иероглифов в китайском и японском языке.
Строка, набранная кеглем агат и равная ширине стандартной колонки печатного издания (agate line), в течение долгого времени служила единицей для расчёта стоимости рекламной площади.
В этом примере используется фуригана, которая расположена поверх кандзи в названии города Токио (東京).

хирагана	катакана	ромадзи

Примечание: В данном примере шрифт увеличен чтобы показать детали.
В этом примере используются название города Пекин (北京)

чжуинь	пиньинь
ㄅㄟˇ ㄐㄧㄥ 北 京

Примечание: В данном примере шрифт увеличен чтобы показать детали.

НОНПАРЕЛЬ

Нонпарель (1/8 квадрата) (от фр. nonpareil — несравненный, бесподобный) — типографский шрифт, кегль которого равен 6 пунктам. Применяют в изданиях, не предназначеных для сплошного чтения: справочная литература, подписи под рисунками, библиография, небольшие тексты справочного характера, таблицы.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Нонпарель	Nonpareille	Nonpareille	Nonparel	Nomparigla	Nompareille

Размеры кегля Нонпарель в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	6	2,256	6
Система Фурнье	5,55	«»	6
Немецкая (Лейпцигская) система	5,75	«»	3
Английская система Уильяма Каслона	5,62	«»	144
Англо-американская пунктовая система	5,62	2,1	6

МИНЬОН

Миньон (моньон, колонель) (от фр. mignon — милый, прелестный, крошечный) — типографский шрифт, кегль которого равен 7 пунктам. Применяют в энциклопедических изданиях, карманных справочниках, словарях. Изредка в объявлениях и небольших заметках в газетах.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Колонель, Миньон	Kolonel	Mignonne	Colonel	Mignona	Minona

Размеры кегля Миньон в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	7	2,632	7
Система Фурнье	6,45	«»	6
Немецкая (Лейпцигская) система	6,75	«»	3,5
Английская система Уильяма Каслона	6,62	«»	122
Англо-американская пунктовая система	6,56	2,46	7

ПЕТИТ

Петит (1/6 квадрата) (от фр. petit — маленький) — типографский шрифт, кегль которого равен 8 пунктам. Один из наиболее распространённых шрифтов. Широко применяется при наборе основного текста справочно-энциклопедических изданий, газет, журналов. В изданиях с более крупным шрифтом петит используется для набора подрисуночных подписей, сносок, аннотаций, таблиц, формул.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Петит	Petit, Jungfer	Gaillarde	Galjard	TTestino	Gallarda

Размеры кегля Петит в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	8	3,008	8
Система Фурнье	7,4	«»	8
Немецкая (Лейпцигская) система	7,65	«»	4
Английская система Уильяма Каслона	7,3	«»	111
Англо-американская пунктовая система	7,5	2,81	8

БОРГЕС

Боргес (от итал. borghese — городской) — типографский шрифт, кегль которого равен 9 пунктам (примерно 3,38 мм). Применяется главным образом для набора газетного текста. С 1970-х годов применяется также и для книжного набора. Рекомендуется для применения в изданиях, где длина строки (колонки) не превышает 5 квадратов.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Боргес	Borgis	Petit-Romaine	Garamond	Galiarda (Garmoncino)	Breviario

Размеры кегля Боргес в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	9	3,384	9
Система Фурнье	8,3	«»	9
Немецкая (Лейпцигская) система	8,6	«»	4,5
Английская система Уильяма Каслона	7,9	«»	102
Англо-американская пунктовая система	8,44	9,16	9

КОРПУС

Корпус (от итал. corpus juris civilis) — типографский шрифт, кегль которого равен 10 пунктам. Впервые этот кегль был использован при печати «Corpus» Юстиниана. Наиболее часто применяется для набора текстов книг.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Корпус	Korpus (Garmond)	Philosophie	Dessendiaana	Garamon	Entredos

Размеры кегля Корпус в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	10	3,760	10
Система Фурнье	9,25	«»	10
Немецкая (Лейпцигская) система	9,6	«»	5
Английская система Уильяма Каслона	9,1	«»	89
Англо-американская пунктовая система	9,38	3,51	10

ЦИЦЕРО

Цицеро (1/4 квадрата, риса) — типографский шрифт, кегль которого равен 12 пунктам (~4,51мм). Этим кеглем (в 12 пунктов Дидо) в 1467 году были впервые отпечатаны «письма Цицерона». Применяют при печати книг для детей и заголовков.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Цицеро, Гробе-цицеро	Cicero	St. Augustine	Augustijn	Lettura	Cicero

Размеры кегля Цицеро в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	12	4,512	12
Система Фурнье	11,1	«»	12
Немецкая (Лейпцигская) система	11,5	«»	6
Английская система Уильяма Каслона	11,25	«»	72
Англо-американская пунктовая система	11,25	4,21	12

МИТТЕЛЬ

Миттель (от нем. mittelgross — среднего размера) — типографский шрифт, кегль которого равен 14 пунктам. Шрифты этого кегля в основном используют для набора основного текста учебников для младших классов и детской литературы.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Миттель	Mittel	Gros-Texte	Dubbel Kolonel	Silvio	Testo

Размеры кегля Миттель в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	14	5,264	14
Система Фурнье	12,9	«»	14
Немецкая (Лейпцигская) система	13,4	«»	7
Английская система Уильяма Каслона	12,65	«»	64
Англо-американская пунктовая система	13,13	4,92	14

ТЕРЦИЯ

Терция (1/3 квадрата) (от лат. tertia — третья) — типографский шрифт, кегль которого равен 16 пунктам. Применяется для набора заголовков в книгах, журналах и газетах, набора обложек, титульных листов и т. п.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Терция	Columbian Tertia	«»	Tekst	Testo	Romana (Gran Romain)

Размеры кегля Терция в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	16	6,016	16
Система Фурнье	14,75	«»	16
Немецкая (Лейпцигская) система	15,3	«»	8
Английская система Уильяма Каслона	15,9	«»	51
Англо-американская пунктовая система	15,01	5,62	16

ПАРАНГОН

Парангон (двойной боргес) (от фр. parangon — образец добродетели, бриллиант чистой воды) — типографский шрифт, кегль которого равен 18 пунктам (~6,77 мм). Используется для заголовков, титульных листов.
Кеглем с высотой приблизительно равной высоте кегля Парангон был набран текст Библии Гутенберга.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Парангон	1,5 Cicero (Paragon)	Gros-Romaine	Groote Romein	Parangonel	Petit Paragona

Размеры кегля Парангон в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	18	6,767	18
Система Фурнье	16,6	«»	18
Немецкая (Лейпцигская) система	«»	«»	«»
Английская система Уильяма Каслона	18,2	«»	44,5
Англо-американская пунктовая система	16,88	6,32	18

ТЕКСТ

Текст (двойной корпус; от лат. textus — ткань, соединение) — типографский шрифт, кегль которого равен 20 пунктам. Применяется для печати книжных изданий для детей младшего возраста согласно ОСТ 29.127-96.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Текст, Двойной Корпус	Paragon Text, Textur, Sekunda	Petit-Paragnon	Paragon	Ascedonica	Gran Paragona (Misal)

Размеры кегля Текст в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	20	7,521	20
Система Фурнье	18,45	«»	20
Немецкая (Лейпцигская) система	19,15	«»	10
Английская система Уильяма Каслона	19,5	«»	41,5
Англо-американская пунктовая система	18,76	7,02	20

ДВОЙНОЕ ЦИЦЕРО

Двойное цицеро (1/2 квадрата) — типографский шрифт, кегль которого равен 24 пунктам. В 2 раза больше кегля цицеро. Используется для оформления титульных листов, заголовков.

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Двойной Цицеро,1/2 Квадрата	Dopplecicero, Halbkonkordanz	Palestine	Palestine	Palestina	«»

Размеры кегля Двойное цицеро в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	24	9,025	24
Система Фурнье	22,15	«»	24
Немецкая (Лейпцигская) система	23	«»	12
Английская система Уильяма Каслона	22,59	«»	36
Англо-американская пунктовая система	22,5	8,43	24

ДВОЙНОЙ МИТТЕЛЬ

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

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Двойной Миттель	Doppelmittel	Petit-Canon	Kleine Kanon	Canonicino	Petit Canon

Размеры кегля Двойной миттель в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	28	10,529	28
Система Фурнье	25,8	«»	28
Немецкая (Лейпцигская) система	26,8	«»	14
Английская система Уильяма Каслона	25,3	«»	32
Англо-американская пунктовая система	26,6	9,84	28

МАЛЫЙ КАНОН

Малый канон — типографский шрифт, кегль которого равен 32 пунктам. Впервые воспроизведён в «Пробной книге всем азбукам» (1748 год).

Название кегля на разных языках:

Русский	Немецкий	Французский	Голландский	Итальянский	Испанский
Малый Канон	Kanon	Trismegiste	Dubbel groote Romein (Kanon)	«»	«»

Размеры кегля Малый канон в разных типографских системах:

Система	Кегль метрический (в пунктах)	Размер в мм	Кегль системы
Немецко-французская нормальная система	36	13,537	36
Система Фурнье	33,3	«»	36
Немецкая (Лейпцигская) система	34,5	«»	18
Английская система Уильяма Каслона	«»	«»	«»
Англо-американская пунктовая система	33,76	12,65	36

РЕАЛ

Реал — типографский шрифт, кегль которого равен 120 пунктам (в системе Дидо 1 пункт составляет 0,3759 мм). Используется при изготовлении афиш и плакатов.
Реал — самый большой шрифт, применявшийся в типографиях при наборе. Шрифты большего размера появились лишь с вводом компьютерной вёрстки и печати на принтерах.

ИНТЕРЛИНЬЯЖ

Интерлинья́ж (происходит от французского слова) (англ. leading) — междустрочный пробел, расстояние между базовыми линиями соседних строк. При наборе в металле складывается из высоты литеры (кегля) и пробельного материала (шпона) и изменяется путем вставки пробельных материалов различных толщин.

В другой интерпретации, интерлинья́ж — расстояние между строками, а не базовыми линиями. В ручном наборе (высокая печать) интерлиньяж образовывался за счет состыковки нижнего заплечика (пробельного участка) верхней литеры или линотипной строки с верхним заплечиком (пробельного участка) нижней литеры или линотипной строки. Так как заплечики (верхние и нижние) всегда были фиксированного размера (то есть неизменны), то и интерлиньяж (пробельное расстояние между двумя строками, набранными из литер или составленных из линотипных строк) был всегда одинаковым.

Если между строк, набранных из литер или линотипных строк проставляли «шпон» (тонкий пробельный материал из гарта, величиной (кеглем, как правило равным 2 пункта системы Дидо), то такой набор назывался «набор на шпоны». В этом случае термин «интерлиньяж» сохранял свой изначальный смысл (пробельное расстояние между двумя строками), только его величина (величина «интерлиньяжа») увеличилась. Измерение величины «интерлиньяжа» между базовыми линиями шрифта осуществлялось в фотонаборе, но не в ручном наборе и не в линотипном наборе.
Также в ручном и линотипном наборе невозможен был «отрицательный интерлиньяж» (например, набор 10pt/9pt).

БАСТРАДНЫЙ КЕГЛЬ

Бастардный кегль (от нем. bastard — побочный, смешанный, помесь) — кегль с очком шрифта меньшего кегля, например, кегль 10 с очком кегля 8. По ГОСТ 3489.1-71 обозначается дробью, в числителе которой стоит кегль очка, а в знаменателе — кегль отливки. Например, кегль 8/10 означает, что текст нужно набрать шрифтом с очком кегля 8, отлитом на ножку кегля 10, а при компьютерном наборе — что надо набирать шрифтом кегля 8 с увеличенным на 2 пункта интерлиньяжем.

 

Единицы измерения шрифта или «Как сделать шрифт нужного размера?» | by Dr. Egor

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

Размер шрифта в векторе

Как правило, цифровые шрифты являются векторными, и все их метрики задаются в некоторых условных единицах, не имеющих размерности.

Основные метрики шрифта «Новая Гельветика Тонкая» в окне настроек шрифтового редактора «Фонтлаб 5».

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

При этом в векторном представлении все же присутствует точка отсчета и мера, а точнее соразмерность отдельных элементов друг другу.

Глиф G из шрифта «Новая Гельветика Тонкая» в окне глифа программы «Фонтлаб 5».

Для связи безразмерного мира векторных знаков с миром реальным, в котором шрифт используется и измеряется в пикселях, сантиметрах или других осязаемых величинах, существует специальный параметр «UPM шрифта».

Окно настроек шрифта в редакторе «Фонтлаб 5». Обратите внимание, что параметр UPM является глобальным и влияет на все глифы в шрифте.

UPM (Units Per Em) — это количество условных единиц на кегельную (литерную) площадку.

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

Другими словами, UPM — это плотность тех самых единиц, в которых измеряются различные метрики векторного шрифта: размеры глифов, их полуапрошей, отступов для кернинговых пар и другие.

Здесь можно провести аналогию с разрешением монитора и физическими пикселями, из которых он состоит. Чем больше у.е. вмещается в наш прямоугольник, тем выше наша степень свободы, выше «доступное разрешение».

Будьте осторожны, изменяя значение UPM с 1000 на какое-то другое. Ходят слухи, что не все компьютерные программы корректно работают со шрифтами, у которых значение этого параметра отличается от стандартного.

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

Например, в окно тестирования/предпросмотра шрифта или в Фотошоп.

Размер шрифта в Фотошопе

О, как обманчивы могут быть привычные вещи! Многие дизайнеры и простые обыватели годами работают в Фотошопе, но так никогда и не задумывались, а как измеряется шрифт в этой программе.

Чтобы понять, что происходит с векторными метриками шрифта в Фотошопе, давайте разберемся, а что же означают пиксели в параметре «размер шрифта»?

Окно настройки шрифта в программе Адобе Фотошоп.

Когда вы выбираете размер шрифта, например, в «16 px», на самом деле вы устанавливаете это значение для параметра PPM.

PPM (Pixels Per Em) — это количество пикселей на кегельную площадку.

Другими словами, это плотность все той же условной кегельной площадки, но в пикселях.

То есть, ни одна из вертикальных метрик шрифта не станет при этом равной 16 пикселям! Ни высота строчных, ни высота прописных, ни расстояние между верхними и нижними выносными элементами.

Шрифт Helvetica, PPM = 16 пикселей, сглаживание в режиме Strong. Высота прописных букв равна 12 пикселям, а строчных — 9 пикселей.

Так что же в действительности изменяет параметр «размер шрифта»? Вы уже догадались? Молодцы, совершенно верно.

Коэффициент масштабирования

Изменяя «размер шрифта» в Фотошопе, мы, ни много ни мало, изменяем коэффициент масштабирования при переносе условных единиц из безразмерного мира векторов в мир размерных пикселей. Он служит «мостиком» при переходе условных векторных метрик в пиксели.

Происходит это следующим образом.

Как вы уже поняли, величины UPM и PPM связаны между собой элементом «M», общим множителем — неопределенным размером условной кегельной площадкой. Отсюда получаем простую формулу:

Х у.е. в 1 пикселе = UPM / PPM

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

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

Живой пример

В процессе создания шрифта «5 копеек» (FE 5Cent), было важно добиться абсолютной четкости линий при «размере шрифта» (PPM) в 5 пикселей в Фотошопе или в любой другой программе.

Шрифт FE 5Cent — это, пожалуй, самые большие «5 копеек», добавленные в вопрос пиксельных шрифтов

Это требование предполагало точное попадание в пиксель — размеры и метрики в итоговом рендеринге должны были ровняться целому числу пикселей. А именно, исходя из минимально возможных значений, толщина линий при заданном PPM должна быть ровна одному пикселю.

Значение UPM для шрифта предполагалось стандартное, в 1000 единиц.

Дано:

PPM в Фотошопе = 5 пикселей

UPM шрифта = 1000 у.е.

Задача: Найти количество Х у.е. для рендеринга в 1 пиксель.

Решение:

X у.е. в 1 пикселе = UPM / PPM = 1000 / 5 = 200.

Ответ: 200 у.е.

Таким образом все линии, отступы и даже кернинг в шрифте были сделаны со значениями, кратными 200 у.е.

Все по 200!

Вывод о пользе

Понимая значение метрик PPM и UPM, а также формулу зависимости между ними, можно с требуемой точностью управлять метриками при разработке цифрового шрифта.

16 px кегль в Вебе

16 px – это оптимальный размер шрифта для веб-страниц.

На первый взгляд это утверждение может показаться странным и даже провокационным. Основной шрифт у большинства веб-страниц не превышает 12 пикселей и многие веб-дизайнеры убеждены в том, что это – оптимальный размер для шрифта. Эта статья призвана убедить вас в обратном.

Специалист в области юзабилити сайтов Оливер Рейхенштейн утверждает, что 16 пикселей – это стандарт для нормального отображения шрифта в браузере. При этом шрифт не будет выглядеть гигантским (чего опасаются многие дизайнеры), потому что 16 пикселей – это много только на первый взгляд, а на практике это самый удобный размер шрифта для сайта, в чем уже убедились многие разработчики.

Более того, 16 px – это минимальный размер шрифта для современного сайта, и если вы не поддерживаете этот формат, то лишь напрасно тратите деньги ваших клиентов. Ниже приведены аргументы в пользу актуальности именно такого размера для шрифта.

Доход сайта и привлечение читателей

В большинстве случаев сайт создается с целью заработка, и чем больше у вас будет посетителей, тем большим будет вероятный доход. Если ваш сайт – продающий, то тем важнее для вас привлечь потенциального клиента среди аудитории сети Интернет. Каждый из читателей вашего сайта – это ценный бизнес-актив, который в конце-концов окупит ваши затраты на создание сайта.

Именно поэтому каждый элемент вашего сайта должен быть направлен на достижение конечной цели. Текстового контента это правило касается в первую очередь. Ведь текст на сайте – это основное средство влияние на читателя.

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

Итак, все ваши действия должны быть направлены на то, чтобы повысить легкость чтения контента для ваших читателей.

4 факта о чтении, которые должен знать веб-дизайнер

1) После двадцати лет качество зрения у людей снижается, в сорок лет к сетчатке глаза проходит только 50% света, а к шестидесяти годам – всего 20%.

2) У 9% американцев есть проблемы со зрением, а в России эти показатели еще ниже. Многим россиянам зрение не могут полностью исправить даже контактные линзы.

3) Скорость чтения зависит от расстояния до источника: чем выше расстояние, тем разборчивее воспринимаются символы и выше понимание прочитанного. Главный фактор, определяющий оптимальное расстояние, – это именно размер шрифта. Крупные шрифты на билбордах различают практически все люди, чего не скажешь о 12-пиксельном шрифте большинства веб-сайтов.

4) Учитывайте, что большинство пользователей компьютера находятся на расстоянии 50-60 сантиметров от устройства, это позволяет не напрягать глаза слишком сильно. Но печатные источники мы воспринимаем на более близком расстоянии, ведь журнал, который мы читаем, находится на расстоянии меньшем, чем расстояние вытянутой руки, всего несколько десятков сантиметров. Основываясь на этих расчетах, видно, что шрифт в 16 пикселей на экране воспринимается как 10-пиксельный шрифт в книге.

16px текст на 24′ мониторе и 12pt текст в книге

 

16px текст на 15,4′ мониторе и 12pt текст в книге

 

Плохие шрифты снижают посещаемость сайта

Плохой шрифт на веб-сайте является самой распространенной проблемой пользователей (по результатам опроса за 2005 год этот пункт набрал большинство голосов). На данный момент ситуация не улучшилась – показывает выборка дизайнов SiteInspire. Средний размер шрифта для основного текста у них составляет те самые 12 пикселей, которые стали стандартом среди веб-дизайнеров, вопреки требованиям пользователей, большинство из которых жалуется на маленький размер шрифта. Из всех этих дизайнов нет ни одного (!) со шрифтом больше 14 пикселей, а у некоторых размер шрифта еще меньше – 10 px.

Популярные источники готовых дизайнов для сайта ElegantThemes и ThemeForest предлагают веб-разработчикам шаблоны, с размером шрифта не превышающим 12-13 пикселей.

Какое количество ваших читателей имеют 100% качество зрения и не страдают от чрезмерного напряжения глаз во время работы с компьютером? Неужели все ваши читатели моложе 20 и не испытывают проблем с различением миниатюрных шрифтов?

Скорее всего, это не так: каждый из десяти ваших читателей будет просто не в состоянии различить 10-пиксельный шрифт, но размер в 16 пикселей будет для них оптимальным. В противном случае даже людям с отличным зрением придется ближе придвинуться к монитору, чтобы разобрать мелкий шрифт, а это сильно понижает удобство пользования сайтом. Поза сидящего перед компьютером должна быть максимально естественна и удобна, вы же не хотите, чтобы ваш читатель чувствовал себя неуютно и неловко?

Не напрягайте читателя лишний раз, иначе до него не дойдет смысл прочитанного (если он даже прочитает ваш текст, а не покинет сайт сразу).

Не отпугивайте посетителей неудобными шрифтами, ведь чем больше у вас посетителей – тем выше доход принесет сайт в конечном итоге.

Не заставляйте пользователя думать!

Многие дизайнеры считают, что «проблемы утопающих – дело рук самих утопающих», и если у пользователя возникают проблемы с чтением шрифта на сайте, то он должен обратиться к функции приближения, которая позволяет увеличить текст. Но с точки зрения пользователя, легче поискать необходимую информацию на другом сайте, чем настраивать под себя неудобный интерфейс веб-ресурса. А многие пользователи даже не знают о существовании такой функцией, и, сталкиваясь с текстом, который невозможно прочитать, не долго думая нажимают кнопку «Назад».

Не тратьте деньги ваших клиентов понапрасну, создавая заведомо нерентабельный сайт. То, что кажется красивым вам, не всегда удобно для пользователя. Думайте о том, что интересует пользователя, и вы достигнете цели, какой бы она ни была.

Дизайн печатных изданий отличается от дизайна веб-ресурсов – это очевидно. И если крупные шрифты в полиграфии выльются в дополнительные затраты на каждый миллиметр использованной бумаги, то стоимость создания интернет-издания не зависит от размера шрифта, который вы используете, так что нет смысла ограничиваться компромиссными решениями.

16 px – это удобно

Если вы все-таки не воспринимаете крупный шрифт как приемлемый для сайта с эстетической точки зрения, то подумайте о том, что нет ничего более гибкого, чем вкус дизайнера. В основном, наши предпочтения основаны на том, что мы уже видели раньше. И если вы впечатлились веб-дизайном, выполненным с использованием 10-пиксельного шрифта, это ни в коей степени не отрицает того, что дизайн с 16-пиксельным шрифтом будет привлекательным.

Подумайте, а вдруг именно ваш дизайн станет новым стандартом? Сделать свой сайт более удобным для восприятия – это отличный способ преодолеть конкуренцию и сформировать обширную аудиторию пользователей.

Правила обеспечения удобочитаемости листка-вкладыша и маркировки

Содержимое (Table of Contents)

1. Общие положения

Листок-вкладыш (далее — ЛВ) предназначен для пациента (потребителя). Хорошо составленный и четко изложенный ЛВ позволяет максимальному количеству людей воспользоваться этой информацией, включая детей старшего возраста, и подростков, малограмотных лиц и лиц с нарушением зрения. Чтобы дизайн позволял легко ориентироваться в ЛВ и обеспечивал доступность информации, при выборе фирменного стиля ЛВ допускается обращение компаний к специалистам по информационному дизайну.

Настоящее приложение содержит рекомендации, касающиеся различных аспектов составления ЛВ. Они направлены на содействие заявителям (держателям регистрационных удостоверений (далее — ДРУ)) в соблюдении требований Евразийского экономического союза.

2. Кегль и гарнитура шрифта

Следует выбирать гарнитуру, которая легко читается. Стилизованные гарнитуры, которые трудно читать, использовать не следует. Важно выбрать такую гарнитуру шрифта, в которой такие схожие буквы и цифры, как «я», «л», и «1» можно легко отличить друг от друга.

Кегль шрифта должен быть как можно большим, чтобы помочь читателю. Минимальным считается размер кегль 8 пт шрифт Times New Roman без курсива с междустрочными интервалами, равными по меньшей мере 3 мм (для ЛВ, который будет вкладываться в индивидуальную упаковку лекарственного препарата).

Для выделения ключевых сведений и содействия ориентированию в разделах текста следует пользоваться различными размерами текста (например, в заголовках).

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

Не следует злоупотреблять использованием заглавных букв. Для крупных блоков текста следует использовать строчные буквы. Тем не менее, использование заглавных букв целесообразно для расстановки акцентов.

Не следует использовать курсив и подчеркивание, поскольку они затрудняют читателю распознавание формы слов. Однако для указания латинских терминов курсив допустим.

3. Дизайн и расположение информации

Использование выровненного по ширине текста, как правило, не допускается.

Должны четко прослеживаться интервалы между строками. Межстрочные интервалы — важный фактор, влияющий на понимание текста. По общим правилам межстрочные интервалы по возможности не должны быть меньше чем полуторный размер интервала между буквами в строке.

Важным является наличие контраста между текстом и фоном. Следует учитывать такие факторы, как плотность бумаги, размер, цвет бумаги и текста. Небольшой контраст между текстом и фоном отрицательно сказывается на доступности информации. За текстом не следует помещать фоновые изображения, поскольку они могут снижать четкость информации и затруднять ее прочтение.

Формат текста с несколькими колонками может способствовать облегчению ориентирования читающего. Расстояние между колонками должно быть достаточным для того, чтобы надлежащим образом разделить текст. Если место ограничено, для разделения текста допускается использовать вертикальную линию. Схожую информацию следует указывать последовательно, чтобы строки текста легко переходили с текущей колонки к следующей. Следует рассмотреть возможность использования альбомной ориентации текста, поскольку это может помочь пациентам. Если представлен ЛВ на разных языках, необходимо четко разделить языки; информация на разных языках должна быть идентичной.

4. Заголовки

Важным элементом являются заголовки, которые могут помочь пациентам ориентироваться в тексте. Следовательно, полужирный шрифт и (или) другой цвет заголовка выделяет эту информации. Расстояние до и после заголовков в ЛВ должно быть одинаковым. Для удобства читателя заголовки одного размера следует использовать последовательно (нумерованные и ненумерованные списки, цвет, отступы, гарнитура, размер, и кегль шрифта).

К использованию большого количества заголовков разного размера следует подходить с осторожностью, поскольку использование шрифта разного размера затрудняет ориентирование читателя в тексте. Однако при необходимости доведения сложной информации может потребоваться большее количество размеров текста заголовков.

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

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

5. Цвет печати

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

Сочетаемость использованных цветов важна так же, как и сам цвет. Как правило, темный текст должен быть напечатан на светлом фоне. Однако в некоторых случаях, например, для выделения определенных предупреждений можно использовать обращение цветов (светлый текст на темном фоне). В таких случаях необходимо тщательно отслеживать качество печати, поскольку может потребоваться использование более крупного размера шрифта или выделение текста полужирным шрифтом. Не следует использовать схожие цвета для текста и фона, поскольку в этом случае снижается разборчивость текста.

6. Синтаксис

Некоторые люди имеют плохие навыки чтения или плохо разбираются в медицинских вопросах, поэтому необходимо использовать простые понятные слова с небольшим количеством слогов.

Не рекомендуется использовать длинные предложения. Длинное предложение целесообразно разбить на 2 предложения, особенно если оно содержит новую информацию.

Громоздкие абзацы могут вводить читателей в заблуждение, особенно при использовании длинных предложений при указании нежелательных реакций. Более подходящим в таких случаях является использование ненумерованных списков. По возможности рекомендуется использовать не более 5-6 позиций в списке.

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

Градация частоты должна быть объяснена таким образом, чтобы было понятно пациентам (потребителям), например, «очень часто — более чем у 1 пациента из 10». Однако при наличии серьезной нежелательной реакции, которая требует принятия пациентом (потребителем) неотложных мер, ее следует выделить и поместить в начало раздела ЛВ, независимо от ее частоты. Указание нежелательных реакций по системно-органным классам не рекомендуется, поскольку пациенты (потребители), как правило, не знакомы с этой классификацией.

7. Стиль

В предложениях рекомендуется использовать активный (действительный) залог вместо пассивного залога. Например:

«примите 2 таблетки» вместо «должно быть принято 2 таблетки»;

«вы должны…» вместо «необходимо…».

При указании пациентам о предпринимаемых действиях необходимо указывать их причину. Сначала необходимо дать инструкции, затем их обоснование, например: «если у вас астма, соблюдайте осторожность при применении препарата X, поскольку он может вызвать приступ».

Вместо повторения торгового наименования препарата следует указывать «препарат, данный препарат» и т. д., если из контекста понятно, что именно он имеется в виду.

По возможности не следует использовать аббревиатуры и сокращения. При первом упоминании в тексте их необходимо полностью расшифровать. Следует избегать использования математических символов (например, > или <), если они плохо понимаемы.

Медицинские термины следует перевести на понятный пациентам язык. Необходимо соблюсти преемственность объяснения терминов, приводя сначала непрофессиональное описание, а затем соответствующий медицинский термин. В последующем, по всему тексту ЛВ для достижения удобочитаемости допускается использовать наиболее подходящий из терминов (непрофессиональный или медицинский). Необходимо убедиться, что используемая терминология формирует настороженное отношение читателя ко всей важной для него информации и представляет достаточно подробную информацию о том, как распознать возможные нежелательные реакции и принять необходимые меры.

8. Бумага

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

Необходимо убедиться, что при сгибании ЛВ излом не снижает удобочитаемость информации.

9. Использование символов и пиктограмм

Допускается использование изображений, пиктограмм и других графических элементов, объясняющих смысл информации, однако они не должны носить рекламный характер. Символы и пиктограммы могут быть полезны, если значение символа понятно, а размер графического элемента удобочитаем. Их следует использовать лишь для улучшения ориентации, пояснения или выделения определенных аспектов текста, они не должны заменять текст. Может потребоваться подтверждение, обосновывающее, что их значение в целом хорошо понимаемо, не вводит в заблуждение и не сбивает с толку потребителя. При наличии каких-либо сомнений относительно значения определенной пиктограммы, она признается неподходящей. Необходимо соблюдать особую осторожность при переносе и использовании символов в других языковых версиях ЛВ, поскольку может потребоваться дополнительное тестирование потребителей.

10. Дополнительные сведения

10.1. Ассортимент препарата.

Необходимо, как правило, составлять отдельный ЛВ на каждую дозировку и лекарственную форму лекарственного препарата. Однако государства-члены могут в индивидуальном порядке разрешить использование единых ЛВ для различных дозировок и (или) лекарственных форм (например, таблеток и капсул), если достижение рекомендуемой дозы требует комбинирования различных дозировок или если доза в зависимости от клинического ответа каждый день меняется.

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

10.2. Препараты, вводимые медицинским работником или применяемые в условиях стационара.

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

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

11. Шаблоны ЛВ

Воспользовавшись представленными в приложениях № 4 и 5 к требованиям к инструкции по медицинскому применению лекарственных препаратов и общей характеристике лекарственных препаратов для медицинского применения шаблонами, держатели регистрационных удостоверений должны сверстать окончательный текст в соответствующие полноцветные макеты или образцы ЛВ. При этом заявителям следует учитывать, что использование этого шаблона само по себе недостаточно, и потребуется проведение консультации с целевыми группами пациентов, используя полноцветный макет или образец ЛВ в соответствии с приложением № 3 к требованиям к инструкции по медицинскому применению лекарственных препаратов и общей характеристике лекарственных препаратов для медицинского применения.

Поделиться ссылкой:

Параметры шрифты

У каждого человека есть свой почерк. Записывая информацию от руки на бумаге, мы преобразуем ее в определенные символы. Точно также информация на компьютере, которая выводится на экран компьютера или на принтер, первоначально проходит этап преобразования символов текста в их изображения на экране или на бумаге. Для этого используются компьютерные шрифты.

Проводя сравнение между почерком человека и компьютерным шрифтом, можно сказать, что шрифт является аналогом почерка. Точнее, шрифт – это набор изображений символов определенного алфавита. Эти изображения, как правило, выдержаны в одном стиле, в общем формате, имеют одинаковый дизайн.

Шрифт является для компьютера инструкцией, в каком виде следует выводить символы текста на экран или на печать.

Шрифтов много, отличаются они друг от друга по трем параметрам:

• гарнитура,
• размер символов,
• начертание.

Рассмотрим эти параметры шрифта.

Гарнитура шрифта

Гарнитура шрифта – это один шрифт или набор шрифтов, имеющих одинаковый дизайн, общее художественное решение. Как правило, шрифты одной гарнитуры разрабатываются одним автором.

Лингвистически слова «гарнитура» и «гарнитур» похожи. Гарнитур означает набор предметов, имеющих схожее назначение, например, мебельный гарнитур,  ювелирный гарнитур и т.п. Также и гарнитура объединяет набор шрифтов для вывода текста на экран или на принтер. Все предметы из гарнитура, также как все шрифты одной гарнитуры, выполнены в одном стиле, имеют единое художественное решение.

Каждая гарнитура имеет свое имя, например, Times New Roman, Courier New. Есть гарнитуры со специальными символами, например, Symbol  и Wingdings.

В названиях компьютерных шрифтов русские буквы не используются. Вместо этого применяется латинский алфавит, например, «Baltica», «Svetlana» (это транслитерация, когда русские названия пишутся английскими буквами).  Также возможен английский перевод русских названий шрифтов, например,  «Schoolbook». Шрифты, которые пришли к нам с Запада, сохраняют свои названия, например, шрифт Garamond.

Слово «гарнитура» обычно опускается. Как правило, просто говорят «выберите шрифт Arial» или «документ набран шрифтом Times New Roman». Также обычно упрощают и вместо «гарнитура», либо «имя гарнитуры» говорят «имя шрифта».

Размер символов шрифта

Если гарнитура (проще говоря, имя шрифта) является первым параметром шрифтов, то вторым параметром является размер символов шрифта.

Можно встретить еще такое название – кегль шрифта (кегель шрифта). Это то же самое, что и размер шрифта.

Зачем нужны разные размеры шрифта? Обычно заголовки печатаются крупнее, чем основной текст документа. Таким образом, к заголовкам привлекается внимание, что облегчает чтение документа при первом же взгляде на страницу. Текст в сносках и примечаниях набирается мельче, чем текст основного текста документа, что подчеркивает второстепенность представленной там информации.

Как задается размер шрифта (или кегель шрифта)? Обычно пользователи выбирают размер шрифта – 8, 10, 12, 14 и т.д. Здесь цифры означают размер символов шрифта по вертикали в типографских пунктах между вершиной самого высокого символа и нижней точкой самого низкого (см. рисунок).

Слово «пункт» произошло от немецкого слова «punkt» и переводится как «точка». Для тех, кто любит цифры, сообщаю, что один пункт равен 1/72 дюйма, то есть 0,3528 миллиметра. Соответственно, для того, чтобы 8 пунктов перевести в миллиметры, надо 8 умножить на 0,3528. В результате получится, что 8 пунктов – это 2,8224 миллиметра.

Начертание шрифта

Перейдем к последнему третьему параметру шрифтов, точнее, к начертанию. Начертание шрифта – это разные варианты шрифта внутри одной гарнитуры, точнее:

• стиль и
• насыщенность шрифта.

Самыми распространенными стилями шрифтов являются прямой и курсив. Если пользователь термина «курсив» не знает, то упрощенно он говорит, что использует «штрих с наклоном».

Насыщенность отвечает за толщину штрихов символов. Обычно используют нормальное (обычное) и полужирное начертания. Последнее иногда еще упрощенно называют «толстый шрифт», если не знают терминов «полужирный» или «жирный».

Некоторые гарнитуры могут содержать шрифты светлой (thin), очень светлой (light), жирной (heavy) и сверхжирной (ultra heavy) насыщенности.

Компьютерные программы позволяют применять обычное, курсивное, полужирное и полужирное курсивное начертания шрифтов. В некоторых шрифтах (точнее, гарнитурах) есть все перечисленные начертания, а в некоторых есть только одно начертание, как правило, обычное начертание. На то, как говорится, воля художника, автора шрифта.

P.S. Рекомендую также прочитать:

3 способа задания параметров шрифта

Шрифт с засечками. Рубленый шрифт.

Какие шрифты есть на моем компьютере?

Таблица символов Windows

Два шрифта без букв

Нашли ошибку? Выделите фрагмент текста и нажмите Ctrl+Enter.

Получайте актуальные статьи по компьютерной грамотности прямо на ваш почтовый ящик.
Уже более 3.000 подписчиков

.

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

Автор: Надежда Широбокова

5 января 2011

Размеры шрифта в Word, OpenOffice и LibreOffice

Размер шрифта измеряется в пунктах (раньше использовался термин кегль, но сейчас этот термин почти полностью вышел из употребления). 72 пункта составляют один английский дюйм (примерно 2,54 см). Высота букв шрифта в 12 пунктов будет равна 1/6 дюйма, или 4,233 мм. Шрифт также можно измерять в пиках: 1 пика равна 12 пунктам. Часто меня спрашивают: почему я все время говорю, что используется английский дюйм, как будто может быть другой. На самом деле существует еще и французский дюйм, вышедший из практического применения более 200 лет тому назад, но который по-прежнему применяется во многих полиграфических организациях для определения размеров шрифтов (пункт Дидо, цицеро и т. д.).

Многие пользователи считают, что разрешены только те размеры шрифта, которые предлагаются в списке размеров шрифта. На самом деле в этом списке находятся те размеры, которые имеют общепризнанные названия в полиграфии, и то не все, а начиная с 8 пунктов.

Таблица 1. Общепризнанные названия единиц измерения шрифтов

Название	Величина в пунктах	Система Дидо, мм	Англо-американская шрифтовая система, мм
Бриллиант или цицеро	3	1,127819549	1,058334
Диамант или полупетит	4	1,503759398	1,411112
Перл	5	1,879699248	1,76389
Агат	5,5	2,067669173	1,940279
Нонпарель	6	2,255639	2,116668
Петит	8	3,007519	2,822224
Боргес	9	3,383458647	3,175002
Корпус	10	3,759398	3,52778
Малая пика	11	4,135338346	3,880558
Миттель	14	5,263157895	4,938892
Терция или треть квадрата	16	6,015037594	5,644448
Парагон	18	6,766917293	6,350004
Текст или Двойной корпус	20	7,518796992	7,05556
Двойная малая пика	22	8,270676692	7,761116
Двойное цицеро или квадрата	24	9,022556391	8,466672
Малый канон	32	12,03007519	11,288896

На самом деле размер шрифта можно определить в диапазоне от 1 до 1638 пунктов. Для выбора пользовательского размера выделите текст, к которому нужно применить размер, в поле предлагаемого размера шрифта введите с клавиатуры нужный размер, нажмите на клавишу Enter. Если текст не был предварительно выделен, то новый размер шрифта будет применен, начиная с точки, в которой мигает курсор в момент изменения размера шрифта. Точность можно выбрать с точностью до 0,5 пункта. В качестве десятичного знака в России используется только запятая. При вводе других дробных значений размера шрифта выдается сообщение об ошибке (например, при выборе размера «14,25» выводится сообщение об ошибке «Указано неверное число»).

В приложении OpenOffice.org Writer выбор размеров шрифтов более удобный: там градация размеров шрифтов более сложная, но немного запутанная для начинающих. В диапазоне от 0 до 0,5 пункта разрешены нечетные дробные значения, то есть, 0,1, 0,3, 0,5. В диапазоне от 0,5 до ближайшего целого пункта разрешены четные дробные значения, то есть, 0,6, 0,8. Никаких сообщений об ошибках при определении размеров шрифта в этой программе нет: если пользователь ошибся, то дробное значение просто автоматически выбирается как ближайшее меньшее значение к разрешенному дробному значению.

На что в точности переводится размер шрифта?

«Размер шрифта» относится к «высоте em» шрифта, которая не обязательно совпадает с высотой отдельных символов в шрифте.

Обычно высота em шрифта соответствует той же основной идее — оно будет примерно установлено на расстояние от самого нижнего нижнего нижнего нижнего (например, нижнего нижнего нижнего нижнего нижнего нижнего (например, g ») до самого верхнего нижнего нижнего нижнего нижнего нижнего нижнего элемента (например, верх буквы h ):

Как видите, не существует общих символов, охватывающих весь этот диапазон.

В случае цифровых шрифтов «em-высота» шрифта — это выбор, сделанный дизайнером шрифтов, и совсем не обязательно соответствовать этому соглашению: разработчик цифрового шрифта может выбрать любую основу для своего размера em. Тем не менее, шрифты по-прежнему имеют тенденцию придерживаться, по крайней мере примерно, такого рода соглашений, описанных выше. В старые времена, когда шрифт состоял из металлических блоков, «высота em» была высотой одного из этих блоков — естественно, эти блоки должны были быть достаточно большими, чтобы соответствовать всем восходящим, нисходящим и акцентирующим элементам.

Как ни странно, многие шрифты теперь содержат символы, которые от до выходят за пределы высоты em. Например, современные гарнитуры часто включают заглавные буквы с акцентами (например, Ć ) — эти акценты расширяют за пределы традиционного типографского восходящего элемента и, таким образом, они (и, возможно, другие специальные символы) выходят за пределы верхней части «Эм». Чтобы сохранить согласованность со старым шрифтом, мы не регулируем размер em, чтобы разрешить это — мы сохраняем размер em и просто расширяем его.Любой типограф, использующий такие акценты, должен будет убедиться, что для них есть место, хотя обычно в основном тексте достаточно промежутка между строками .

Промежуток строки в основном тексте — это промежуток, оставленный между нижним нижним элементом одной строки текста и верхним нижним нижним элементом строки. Указанный в кавычках «размер шрифта» текста , а не , не включает разрыв строки в свой размер. Вот почему, когда вы выбираете размер в 12 пунктов, линии не разделяются точно на 12 пунктов (1/6 дюйма).

На разрыв строки в любом тексте могут влиять многие факторы, в том числе программное обеспечение, которое его отображает. На это может влиять поле CSS line-height , где 1,4 означает, что зазор строки в 0,4 раза больше высоты em, и, таким образом, вся строка основного текста будет занимать в 1,4 раза высоту em, включая зазор строки. . В других приложениях межстрочный интервал можно указать по-другому: текстовые процессоры часто задают значение «межстрочного интервала» как кратное некоторому «одинарному межстрочному интервалу», но в отличие от CSS, «одинарный» интервал не означает отсутствие межстрочного интервала, но некоторый пробел строки «по умолчанию», когда приложение пытается найти значение по умолчанию на основе метаданных в файле шрифта, если он там существует.Существует несколько стандартов для указания показателей в шрифте (например, в Truetype существуют разные стандарты Mac и Windows / OS2), поэтому интервал между строками по умолчанию может варьироваться в зависимости от приложения и операционной системы.

Теперь, даже если дизайнер и следует предсказуемому соглашению для своей высоты em, он все равно не сообщает вам размер заглавных букв (cap-height) или строчных букв, таких как «x» (x-height или midline ), поскольку они могут свободно варьироваться между гарнитурами в зависимости от высоты восходящего элемента.В семействе шрифтов они обычно согласованы. Так, например, Times New Roman Bold и Times New Roman Regular имеют одинаковую высоту верха и высоту по оси x, а верхние, нижние и базовые линии будут совпадать между полужирным и не жирным шрифтом.

размеров шрифта в адаптивном дизайне: px против pt против em против процента?

Как фронтенд-разработчик, я лично люблю работать с CSS. В последнее время я много работал с адаптивным дизайном, и, как я уже отмечал в предыдущем посте о разработке для мобильных устройств, нужно помнить о форматах телефонных номеров.Еще одна вещь, о которой следует помнить при разработке для мобильных устройств, — это размер шрифта CSS.

пикселей (пикселей) как размер шрифта CSS

Пиксели имеют фиксированный размер. Один пиксель обычно равен одной точке на экране. Поскольку пиксели имеют фиксированный размер, они не меняются. Это может быть как хорошо, так и плохо. Он позволяет веб-разработчикам создавать наиболее точные или «идеальные по пикселям» изображения веб-дизайнов. Однако, поскольку они имеют фиксированный размер, они не увеличиваются и не уменьшаются. Это означает, что шрифты будут отображаться меньше на экране с более высоким разрешением, чем на экране с более низким разрешением.

пунктов (pt) как размер шрифта CSS

Очки — это единица измерения, используемая в печати. Баллы основаны на дюйме на линейке, а один дюйм равен 72 точкам. Этот модуль также сильно различается между разными браузерами и экранами при использовании в CSS. Очки очень хороши для настройки CSS для печати, чтобы решить эту проблему с браузером, но в остальном я бы не рекомендовал использовать очки для разработки веб-сайтов.

Em как размер шрифта CSS

Ems не имеют фиксированных размеров.Они масштабируемы, и по этой причине ems хорошо подходят для разработки мобильных веб-приложений. Ems относятся к размеру шрифта, установленному в CSS. Если у вас нет одного набора в CSS, то 1 em обычно будет равняться 16px, что обычно является размером шрифта по умолчанию в браузерах. Одна плохая черта em заключается в том, что они каскадируются, что делает дизайн с идеальным пикселем немного более сложным. Например, предположим, что размер шрифта основного текста установлен на 16 пикселей, а размер шрифта родительского div — 1,2 em. Если у вас есть абзац в этом div с размером шрифта : 1.2em , тогда у вас будет шрифт в этом теге p размером 1,2 em из 1,2 em шрифта 16 пикселей или примерно 23 пикселя в теге p вместо ~ 19 пикселей, как вы ожидали.

Процент (%) как размер шрифта CSS

Проценты также масштабируются как ems. Однако 100% равно текущему размеру шрифта. Подумайте об этом так: 1.5em в 1,5 раз больше , а 150% — это 150 процентов от размера шрифта. Проценты также хороши для мобильной разработки из-за их масштабируемости. Тем не менее, они действительно каскадируются, как em.

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

Автор: Blueprint

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

· Документы WebPlatform

Сводка

font-size устанавливает размер шрифта текста внутри элемента, к которому он применяется, и его потомков. Вы можете изменить размер текста, используя абсолютные измерения или измерения относительно родительского или корневого элемента затронутого элемента.Обзор CSS Text Styling Fundamentals.

Обзорная таблица

Начальное значение

средний

Относится к

Все элементы

Унаследовано

Да

Медиа

визуальный

Расчетное значение

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

Анимационный

Да

Свойство объектной модели CSS

шрифт Размер

Синтаксис

• font-size: absolute ключевые слова
• font-size: наследовать
• font-size: length
• font-size: процент
• font-size: относительные ключевые слова

Значения

абсолютные ключевые слова

Набор ключевых слов, указывающих предопределенные размеры шрифта, которые масштабируются в соответствии с настройками шрифтов или значениями по умолчанию для каждого браузера.Возможные значения от наименьшего к наибольшему: xx-small , x-small , small , medium , large , x-large и xx-large .

относительных ключевых слов

Набор ключевых слов, интерпретируемых относительно размера шрифта родительского элемента — либо меньше , либо больше .

длина

Абсолютное значение единицы: допустимы любые стандартные единицы длины CSS.Отрицательная длина запрещена.

процентов

Процентное значение указывает абсолютный размер шрифта относительно font-size родительского элемента.

унаследовать

Ключевое слово inherit приводит к тому, что элемент принимает размер шрифта своего родительского элемента.

Примеры

Подборка примеров, демонстрирующих типичное использование свойства font-size.

  
 Пример первый: мы ♥ Документы WebPlatform! 
 Пример второй: Lorem ipsum dolor sit amet, conctetur adipisicing elit.Officiis, eos, dicta nihil aliquid quia dolores labore nesciunt unconctetur blanditiis ex eius consquatur qui incidunt voluptatem Inventore fugit quos amet! 
 Пример третий: Eius, earum unde eum distinctio ex accusamus rem eligendi optio mollitia deleniti? Iure, accusamus, fuga ipsa quas doloremque enim velit sed est earum pariatur ab optio quia molestiae repllendus non. 
  

  .example-one {
    размер шрифта: 1.2em;
}

.example-two {
    размер шрифта: маленький;
}

.example-three {
    размер шрифта: 28 пикселей;
}
  

Посмотреть живой пример

Переопределение типичного 16px размера шрифта браузера по умолчанию среднего значения как 10px с последующим пропорциональным изменением размера текста.

  html {размер шрифта: 62,5%; }


.example-one {размер шрифта: 3.6rem}
.example-two {размер-шрифта: 2.4rem}
.example-three {размер шрифта: 1.4rem}
  

Посмотреть живой пример

Использование

  Ключевые слова, такие как большой и средний, или относительные em или процентные единицы, обычно безопаснее использовать, чем измерения в пикселях, особенно для мобильных веб-браузеров, которые настраивают свой набор размеров шрифта по умолчанию для удобочитаемости.Использование процентных значений или значений в EMS приводит к более надежным и каскадным таблицам стилей.
  

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

Хотя исходный средний размер применяется широко, браузеры применяют таблицу стилей по умолчанию, которая изменяет ее для различных семантических элементов, например, увеличивая размер заголовков. Браузеры также автоматически изменяют размер шрифтов при масштабировании страницы, переходя по значениям, которые могут не точно соответствовать коэффициенту масштабирования.Если не отключено с помощью параметра text-size-adjust , шрифты также изменяют размер при переключении между книжной и альбомной ориентацией в мобильных браузерах. Для обзора проблемы см. Мобильное окно просмотра и ориентация.

Значение font-size также влияет на значение line-height при использовании значений по умолчанию или относительных размеров.

Наряду со многими другими свойствами CSS, font-size также может применяться непосредственно как атрибут SVG:

Связанные спецификации

Модуль шрифтов CSS, уровень 3

Осадка рабочий

Модуль значений и единиц CSS, уровень 3

Кандидат в рекомендации

Каскадные таблицы стилей, уровень 2, редакция 1 (CSS 2.1) Спецификация

Рекомендация W3C

См. Также

Статьи по теме

CSS Шрифт

Шрифты

Текст

Другие статьи

Внешние ресурсы

Руководство по размеру шрифта

— преобразование точек в дюймы

При создании и разработке пользовательских этикеток в Интернете, что мы и делаем здесь, в LabelValue, стандартной единицей измерения текста является точка (pt). Если вы не художник-график, вы, вероятно, больше всего знакомы с кеглем еще со школы или колледжа.

Большинство преподавателей давали письменные задания со следующими инструкциями: 5 страниц, двойной интервал, 12 пунктов. шрифт — Times New Roman (и если они не давали рекомендаций, я знаю, что вы увеличили размер шрифта до 14). Размер точек отлично подходит для обеспечения единообразия документов в школе, на вашем веб-сайте или в вашем бизнесе, но преобразование точек в дюймы или миллиметры — это то, что многие владельцы малого бизнеса и сотрудники должны ежедневно пытаться вычислять, чтобы соответствовать отраслевым нормам. .Мы часто получаем клиентов, разрабатывающих этикетки с помощью нашего инструмента для создания этикеток, у которых есть строгие правила, которым они должны соответствовать. К сожалению, выбор размера шрифта — это равные части искусства и науки, и это может немного сбить с толку.

Размер шрифта с фиксированной высотой

При измерении шрифтов в дюймах вы измеряете фиксированную высоту шрифта . Это фиксированное измерение высоты полезно, когда нормативные законы предписывают, что на вашем продукте должны быть этикетки с минимальной высотой шрифта, например, 3/8 дюйма.

Итак, какой размер пункта составляет 3/8 дюйма, спросите вы?

Ну … это зависит от того.

Вот несколько фактов (и
полезных наглядных пособий из Школы медиа и дизайна Университета Джеймса Мэдисона) об измерении размера точки и дюймах. Но есть некоторые непредвиденные обстоятельства, которые я объясню позже.

1 дюйм примерно равен 72 точкам

• ШРИФТ ИМЕЕТ 3 ЭЛЕМЕНТА:
• X-HEIGHT — высота строчного символа «x».
• ВСТРЕЧИ — строки, продолжающиеся над основанием символа «x».
• ДЕСЦЕНДЕРЫ — линии, продолжающиеся ниже основания символа «x».
• РАЗМЕР ТОЧКИ — включает в себя все три этих элемента.

РАЗМЕР ТОЧКИ

Размер в пунктах измеряется от высоты верхнего восходящего элемента (пика) до базовой линии строчной буквы x. Затем он измеряет расстояние от самого нижнего нижнего нижнего элемента (впадины) шрифта до верхней части строчной буквы x. Стандартизированные шрифты (например,грамм. Arial, Times New Roman, Calibri и т. Д.), Как правило, очень строго соблюдают эти правила, поэтому это ваша самая точная ставка для преобразования очков в дюймы. Однако …

Теоретически, если выбрать 27 пт. Шрифт, независимо от шрифта, он должен быть 3/8 дюйма в высоту, используя наше соотношение 72 пункта к 1 дюйму. К сожалению, многие шрифты не стандартизированы (например, рукописные, напуганные, вычурные шрифты), поэтому эти соотношения могут не применяться. Но даже если мы будем придерживаться стандартизированных шрифтов, могут возникнуть некоторые проблемы.Если взять наш предыдущий пример, который использует 3/8 дюйма в качестве минимального требования к высоте шрифта , , вам все равно придется использовать шрифт большего размера, чем 27 пунктов, если вы используете строчные буквы . В зависимости от того, насколько буквы типа «d» поднимаются от высоты x, «d» вполне может составлять 3/8 дюйма в 27 точках, в то время как простые «c» или «x» будут намного меньше. потому что у них нет зажимов или зажимов.

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

Лучшее решение для нормативов высоты шрифта при разработке этикеток и упаковки

Лучшее решение для обеспечения соответствия минимальным требованиям к высоте шрифта при использовании нашего инструмента настраиваемых этикеток или при попытке получить точный размер текста в дюймах — это писать заглавными буквами стандартным шрифтом (например, Arial, а не FontDiner Swanky) и поставьте себе пару дополнительных очков — на всякий случай, если это возможно. Всегда следите за тем, чтобы у вас было несколько дополнительных очков, если это возможно, на случай, если выбранный вами шрифт не соответствует стандарту на процент.Если у вас есть какие-либо вопросы о выборе размера шрифта для пользовательских этикеток, сообщите нам об этом по телефону 1-800-750-7764.

Типоразмеры

для каждого устройства :: UXmatters

Люди используют разные устройства по-разному

Люди покупают и используют разные устройства, потому что их потребности различаются. То, как они используют устройства, тоже различается.

Перестаньте говорить «фрагментация», как будто это плохо. Уважайте выбор пользователя. Люди покупают и используют разные устройства, потому что их потребности различаются.То, как они используют устройства, тоже различается.

Из моих многочисленных наблюдений за пользователями в полевых условиях я знаю расстояния, на которых люди держат разные типы устройств, когда читают на них или нажимают на них. Как показано на рисунке 1, это зависит от размера экрана устройства.

Рис. 1. Как и держат ли люди разные типы устройств

Чем больше становятся устройства, тем дальше от глаз люди их используют. Люди держат маленькие телефоны очень близко к глазам, большие телефоны и фаблеты подальше, а планшеты — примерно на расстоянии от рабочего стола, потому что люди часто ставят их на подставки и используют с клавиатурами.

Я полностью согласен с тем, что не все работают одинаково. У меня много анекдотов о том, как конкретные пользователи в определенных ситуациях по-разному работают со своими устройствами. В идеале все мы должны выйти в поле и узнать, как на самом деле работают наши пользователи.

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

Минимальные типоразмеры

Понимание расстояния имеет решающее значение для разработки удобочитаемого пользовательского интерфейса. Это потому, что важен не размер объекта на экране, а его разрешение, основанное на расстоянии экрана от наших глазных яблок.

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

Угол обзора (угловые минуты) = (3438) * (длина объекта, перпендикулярного линии обзора) / (расстояние от передней части глаза до объекта)

На самом деле это простая версия этой формулы.Чтобы получить число 3438, необходимо знать среднюю длину волны видимого света и размер сенсоров в наших глазах. Таким образом, чтобы получить такой же размер читаемого шрифта, он должен быть больше, когда дисплей находится дальше, как показано на рисунке 2.

Рисунок 2 — Угловое разрешение

Вот почему вы можете смотреть телешоу на телефоне или iPad с таким же комфортом, как и на телевизоре. Поскольку портативные устройства расположены ближе, у вас примерно такое же поле зрения. Мы можем рассчитать размер шрифта для разных классов устройств, основываясь на нашем понимании того, что люди могут видеть и понимать.В таблице 2 я выполнил для вас математические расчеты для нескольких классов устройств, исходя из типичных расстояний, на которых их держат люди.

Таблица 2 — Минимальные типоразмеры для классов устройств

Класс устройства	Минимальный размер шрифта в пунктах
Малый телефон	4
Большой телефон	6
Фаблет	7
Маленький планшет	8
Большой планшет / настольный компьютер	10

Минимальный размер шрифта варьируется от 4 пунктов для небольших телефонов до 10 пунктов для любых устройств на столах или подставках, которые люди используют на расстоянии вытянутой руки.

Обратите внимание, что это минимум размеров. Это очень важно понимать. Вам понадобится шрифт большего размера почти во всех случаях. Однако я считаю, что минимальные размеры могут быть полезны для таких вещей, как ярлыки под значками. Они должны состоять всего из одного или двух слов и служить резервной копией значка, на который вы можете на мгновение взглянуть поверх очков без излишних трудностей. Иконки и другие читаемые элементы подчиняются одним и тем же правилам масштабирования и примерно одинакового размера. К удобочитаемости относятся те же проблемы, что и к тексту.

Контраст

Еще одна важная вещь для обеспечения читабельности текста — это подходящий контраст. Контрастность является критическим показателем, а не цвет, не только из-за большого количества людей с дефицитом цветового зрения, но и из-за бликов.

Еще одна важная вещь для обеспечения читабельности текста — это подходящий контраст. Контрастность является критическим показателем, а не цвет, не только из-за большого количества людей с дефицитом цветового зрения, но и из-за бликов.Блики на мобильных экранах практически постоянны и могут легко искажать или полностью размывать цвета.

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

WCAG W3C дает лучшие рекомендации, хотя они, как правило, слишком сильно привязаны к размерам веб-пикселей. Однако я предпочитаю использовать улучшенные стандарты AAA, потому что сложные условия окружающей среды настолько распространены для использования мобильных устройств, что важно иметь максимально возможный коэффициент контрастности.Эти коэффициенты равны

.

• 7: 1 для обычного текста
• 4,5: 1 для крупного текста

По возможности я использую черно-белое изображение для ключевого содержания. Это дает коэффициент контрастности 23: 1, так что вы можете видеть, что 7: 1 не является очень строгим требованием, если вы задумались над обеспечением надлежащего контраста на ранних этапах процесса проектирования.

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

Это не означает, что вы не можете использовать цвет и делать такие вещи, как ввод текста поверх изображений. Просто тщательно продумайте такой текст. Одно из распространенных решений — ограничить этот вид фона большими заголовками, субтитрами и заголовками и убедиться, что более длинные блоки текста, списки, таблицы и формы находятся на простом, высококонтрастном фоне.

Читаемые размеры

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

До сих пор я обсуждал только минимальные видимые размеры шрифта. Но большая часть контента должна быть больше минимального размера, чтобы пользователям было легче его использовать — независимо от того, смотрят ли они на него на ходу на портативных устройствах или из-за проблем со зрением или когнитивных функций.

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

Таблица 3 — Размеры шрифта для чтения, в пунктах

Класс устройства	Минимум	Базовое содержание	Расширенный контент
Малый телефон	4	5,5	7,2
Большой телефон	6	8,5	10,8
Фаблет	7	9.8	12,6
Маленький планшет	8	11,2	14,4
Большой планшет / настольный компьютер	10	14	18

Независимо от класса устройства, увеличивайте размер основного содержимого как минимум на 40% по сравнению с рекомендованными минимальными размерами. Однако, если вы ожидаете, что среда или пользователь должен увеличить текст, вы можете увеличить его до 80% для расширенного содержимого. Чем больше это значение, тем удобочитаемость снова начинает падать, поэтому не переходите слишком много на увеличенный размер.

Принимайте решения о том, какой размер использовать, исходя из ваших ожиданий относительно того, где люди будут использовать ваше устройство, и потребностей вашей аудитории. Старшие пользователи с плохим зрением, такие как я, часто использующие устройства в автобусах и прогуливаясь по улице, нуждаются в шрифтах большего размера. Больше использования на улице означает больше бликов, поэтому вам нужен шрифт большего размера, лучший коэффициент контрастности или и то, и другое.

Определите иерархии размером

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

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

Размер — один из лучших способов подчеркнуть иерархию информации на экране.Например, важные функции, важные данные или вводный рекламный абзац могут иметь увеличенный размер, в то время как остальная часть содержимого имеет обычный размер, а метки значков имеют минимальный размер.

Что делать, если вы хотите использовать размер, чтобы различать другие типы, например заголовки разделов? Вам понадобится шрифт еще большего размера. Насколько больше? Что ж, как насчет того, чтобы мы просто следовали лучшим практикам. Стандарты и опросы довольно хорошо объединяются вокруг набора общих размеров. В данном случае я использовал разницу в стандартном размере HTML в качестве основы, как показано в таблице 4.Конечно, вы также можете сделать заголовки или заголовки жирным шрифтом или иным образом отделить их от основного текста, чтобы убедиться, что иерархия ясна.

Таблица 4 — Размер шрифта для содержания и заголовков, в пунктах

Класс устройства	Минимум	Базовое содержание	Расширенный контент	h4	h3	h2
Малый телефон	4	5,5	7,2	8,5	10.8	14,4
Большой телефон	6	8,5	10,8	12,6	16,2	21,6
Фаблет	7	9,8	12,6	14,7	18,9	25,2
Маленький планшет	8	11,2	14,4	16,8	21,6	28,8
Большой планшет / настольный компьютер	10	14	18	21	27	36

Хотя я использовал теги HTML (h2, h3, h4) для обозначения иерархии заголовков в таблице 4, это просто потому, что они очень удобные метки.Тот же принцип справедлив для любой платформы. Кроме того, вы можете использовать эти размеры для другой ключевой информации, такой как метки на приборной панели.

Обратите внимание, что я перечислил только три уровня иерархии. Мой опыт представления сложных данных людям показывает, что более трех уровней заголовков становится трудно понять, независимо от того, как вы их различаете. Если вам нужно меньше уровней, вы можете обрезать размеры на любом конце диапазона. Есть только заголовки страниц? Затем вы можете довольно безопасно сделать заголовки размером h3 или h4, если вам нужно, чтобы они занимали меньше места.

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

Тем не менее, я видел некоторые доказательства, из моих собственных и других исследований, что чрезмерно большие размеры шрифтов, значков и элементов управления формы могут стать нечитаемыми или неузнаваемыми. Мой любимый пример — кнопка, размер которой был настолько завышен, что пользователи подумали, что это баннерная реклама.Глядя прямо на большую красную кнопку, они не могли найти ее и отправить форму, потому что она больше не выглядела так, как они ожидали.

Люди касаются только того, что видят

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

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

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

Ссылки

Бернард, Майкл, Чиа Хуэй Ляо и Мелисса Миллс. «Влияние типа и размера шрифта на удобочитаемость и время чтения онлайн-текста пожилыми людьми». Нью-Йорк: CHI ’01 Extended Abstracts on Human Factor in Computing System , CHI EA, 2001.

Беймер, Дэвид, Дэниел Рассел и Питер Ортон.«Исследование с отслеживанием взгляда на то, как размер шрифта, тип шрифта и изображения влияют на чтение в Интернете». Суинтон, Великобритания: Материалы 22-й ежегодной конференции британской группы HCI по людям и компьютерам: культура, творчество, взаимодействие, том 2 (BCS-HCI ’08), Британское компьютерное общество, 2008 г.

Хубер, Стивен и Эрик Беркман. «Введение в мобильную типографику». Проектирование мобильных интерфейсов. Севастополь, Калифорния: O’Reilly, 2012. Проверено 17 августа 2015 г..

Хубер, Стивен и Эрик Беркман.«Человеческий фактор и физиология». Проектирование мобильных интерфейсов. Севастополь, Калифорния: O’Reilly, 2012. Проверено 17 августа 2015 г..

Мартин, Майкл. «Образцы типографского дизайна и передовой опыт». Smashing Magazine , 20 августа 2009 г. Получено 17 августа 2015 г.

Plait, Phil. «Решение проблемы разрешения iPhone». Discover , 10 июня 2010 г. Получено 17 августа 2015 г.

Релло, Лус, Мартин Пьело, Мари-Кармен Маркос и Роберто Карлини.«Размер имеет значение (не интервал): 18 баллов за Википедию, ориентированную на дислексию». Нью-Йорк: Труды 10-й Международной междисциплинарной конференции по доступности Интернета (W4A ’13), ACM, 2013.

Рабочая группа WCAG. «Рекомендации по обеспечению доступности веб-контента (WCAG) 2.0». W3C , 11 декабря 2008 г. Получено 17 августа 2015 г.

Руководство по размеру шрифта для адаптивных веб-сайтов

Типографика может улучшить или сломать ваш веб-дизайн . Наряду с определением лучших шрифтов для вашего веб-сайта также важно выбрать правильный размер шрифта.Размер вашего шрифта может создать контраст и помочь пользователям сосредоточиться на вашем ключевом сообщении.

Однако один размер не подходит всем. Создаваемые вами веб-сайты просматриваются в самых разных браузерах и с разными размерами окон: ноутбуки, планшеты, телевизоры, смартфоны — возможно, даже умные часы. Поэтому вам нужно тщательно выбирать размер шрифта, и вот о чем следует помнить.

Размер шрифта в веб-дизайне

Размер шрифта в Интернете можно изменять разными способами:

• Пиксель (px)

• Point (pt)

• em: размер шрифта является относительным к размеру шрифта родительского контейнера.

• Корень em (rem): размер шрифта наследуется от корня стиля.

• Процент (%)

• Ширина или высота окна просмотра (vw или vh)

• Сантиметр (см)

• Миллиметр (мм)

• 003

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

Пиксель имеет некоторый абсолютный размер, поскольку он основан на размере пикселя экрана пользователя.Однако использование px для изменения размера шрифта — довольно распространенная практика, и большинство веб-браузеров оснащены таким образом, чтобы ваш дизайн выглядел одинаково в разных разрешениях даже при использовании px. Это также очень простая единица для использования при рассмотрении сотрудничества между командами дизайнеров, которые обычно проектируют по пикселям.

Другой вариант — использовать em и rem . em наследует свой размер от своего родителя, а rem наследует стиль корневого (отсюда и название root em).

Размер шрифта по умолчанию во всех браузерах составляет примерно 16 пикселей.Обычной практикой является установка корневого font-size равным 62,5%, что переводит значение по умолчанию 16 пикселей примерно в 10 пикселей. Мы делаем это, чтобы упростить мысленное преобразование размера шрифта при использовании em или rem (например, 1 rem = примерно 10 пикселей, а 1,8 rem = примерно 18 пикселей). Это удобный подход по двум причинам:

1. Мысленное преобразование между пикселями и rem легко вычислить в уме.

2. Пользователь может изменить предпочитаемый размер шрифта по умолчанию, и веб-сайт будет автоматически настраиваться в соответствии с его потребностями.

Следующее, что нужно учитывать, это то, что размеры шрифта должны быть разными на разных устройствах. На настольном мониторе больше места, поэтому шрифты могут (и должны) быть больше, в то время как на мобильных устройствах экран меньше, поэтому размер шрифта следует уменьшить, чтобы весь текст поместился на странице.

В CSS мы делаем это с помощью медиа-запросов.

Например, мы можем установить размер шрифта по умолчанию для элемента h2 равным 3,5 rem. Это может отлично смотреться на настольном компьютере, но на мобильном устройстве будет слишком большим.Следовательно, у нас может быть медиа-запрос, например:

 h2 {
    размер шрифта: 3,5 бэр;
}

@media only screen и (max-width: 400px) {
    h2 {
        размер шрифта: 2rem;
    }
} 

Это позволит отрегулировать размеры шрифта соответствующим образом для мобильного окна просмотра (при условии, что 400 пикселей — это ширина мобильного устройства).

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

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

Оптимальные размеры шрифтов для настольных ПК

Нет точных правил для размера шрифтов, но есть некоторые общие передовые практики, о которых следует подумать при разработке для настольных компьютеров:

• Основной текст — Размер шрифта должен быть от 16 до 18 пикселей для удобочитаемости (или от 1,6 бэр до 1,8 бэр, используя наши правила определения размеров, упомянутые выше).Если вы можете позволить себе увеличить изображение, то даже 21 пиксель может быть приятным для чтения.

• Заголовки — заголовки должны быть примерно в 1,96 раза больше, чем основной текст, чтобы создать достаточный контраст. Это будет означать, что если вы используете 18 пикселей для размера основного шрифта, тогда вы будете использовать около 35 пикселей для заголовков.

• Подзаголовки — они должны быть немного меньше, чем размер заголовка, с некоторыми изменениями, например меньшим весом, чтобы создать контраст между ними.Например, если мы использовали 35 пикселей для заголовка, мы должны использовать около 30 пикселей для подзаголовка.

• Поля ввода — они должны точно соответствовать правилам основного текста.

Оптимальные размеры шрифта для мобильных устройств

На мобильных устройствах меньше места для отображения содержимого. Кроме того, пользователи обычно держат устройства ближе к глазам, чем экран ноутбука или рабочего стола — это означает, что ваши шрифты могут (и должны) быть меньше, чем на настольных компьютерах:

• Основной текст — Размер шрифта должен быть не менее 16 пикселей для основного текста.В некоторых случаях вы можете уменьшить размер шрифта (например, если шрифт имеет необычно большие символы или вы используете прописные буквы), при этом 14 пикселей будет наименьшим размером, который вам следует использовать. Для контекста, в Material Design от Google используется минимальный предлагаемый размер дополнительного шрифта в 14 пикселей, а в рекомендациях Apple — 15 пикселей.

• Заголовки — Заголовки должны быть примерно в 1,3 раза больше, чем основной текст, чтобы создать достаточный контраст. Это будет означать, что если вы используете 16 пикселей для размера основного шрифта, вы должны использовать ~ 21 пикселей.Это уменьшено по сравнению с 3,5 бэр, которые мы использовали на настольных компьютерах.

• Подзаголовки — и здесь они часто бывают уменьшены по сравнению с размером заголовка, но у нас есть небольшая проблема, в которой подзаголовок может выглядеть слишком похожим на размер шрифта основного текста. По этой причине некоторые дизайнеры предпочитают визуально отличать подзаголовки за счет использования веса, форматирования, например курсива и межбуквенного интервала. Если мы использовали 21 пиксель для заголовка, мы могли бы выбрать 18 или 16 пикселей для подзаголовка, но с меньшим весом, чем заголовок или основной текст.

• Поля ввода — они должны точно соответствовать правилам основного текста.

Размеры адаптивного шрифта в Editor X

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

Используя текстовый редактор, вы можете установить минимальный и максимальный размер шрифта для любого текстового элемента. Например, вы можете установить максимальный размер шрифта для заголовка на 35, а минимальный на 21 на рабочем столе.Это обеспечит плавное масштабирование текста при изменении размера экрана. Максимальный размер шрифта остается относительно контрольной точки ширины экрана 1920 пикселей в редакторе X, а минимальный размер шрифта — относительно точки ширины экрана 320 пикселей.

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

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

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

Веб-обзор
Август 1999 г.

В поисках идеального дизайна страницы с помощью CSS большинство авторов пытаются влиять на шрифт страницы.Первым делом обычно устанавливается тип шрифта, используя такие свойства, как font-family (для получения дополнительной информации по этому вопросу см. Статью «Ощущение стиля» «Все в семействе шрифтов»). Следующее, что обычно пытаются сделать авторы, — это повлиять на размер шрифтов — и здесь действительно начинаются проблемы.

CSS предлагает множество методов для изменения размера текста, все они включают свойство font-size . Однако, как выясняется, каждая из них таит в себе какую-то опасность или недостаток.В этом месяце мы рассмотрим два метода изменения размера шрифта и возможные подводные камни. Обладая этими знаниями, вы сможете решить, что лучше всего подходит для вас в той или иной ситуации.

Абсолютные размеры

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

 средний xx-маленький xx-большой
          x-маленький x-большой
            маленький большой
 

…и значение по умолчанию среднее . Запомните это значение по умолчанию, потому что оно станет очень важным для дальнейшего обсуждения.

Использовать эти ключевые слова довольно просто. Допустим, вы хотите, чтобы все элементы h2 были очень большими. Это делается следующим образом:

 h2 {font-size: x-large;}
 

С другой стороны, вы можете сделать текст в нижнем колонтитуле маленьким. Вот один из способов сделать это:

 DIV.footer {font-size: small;}
 

Взаимосвязь между этими размерами точно не определена в CSS, но предлагается коэффициент масштабирования около 1.2, что означает, что если средний эквивалентен 12pt , то small будет примерно 10pt , x-small будет примерно 8pt , large будет примерно 14pt и т. Д. . Текущие браузеры, похоже, использовали этот коэффициент масштабирования, поэтому нет большой разницы в размере шрифта в этой учетной записи.

Особенность этих размеров в том, что они никогда не изменятся, независимо от того, что делает пользователь (за исключением, конечно, отключения таблиц стилей).Как только ключевые слова абсолютного размера используются в элементе, размер шрифта этого элемента фиксируется на месте. Если пользователь пытается изменить размер текста через свой браузер, любой элемент с абсолютным размером шрифта не изменится, хотя любой другой элемент изменится. Это не позволяет пользователям увеличивать текст вашей страницы, если им нужно видеть его более четко, или меньше, если они считают его слишком большим.

Наверное, все это кажется очень простым. В этом нет ничего сложного, верно?

Непоследовательно, но не ошибочно

К сожалению, это не так.Проблема с ключевыми словами абсолютного размера заключается в том, что они не совпадают в Explorer и Navigator, и они могут вообще не совпадать в каких-либо браузерах.

Причина этого настолько же проста, насколько и неприятна. В спецификации CSS сказано, что каждому из этих размеров назначается определенный размер шрифта, и эти значения никогда не меняются. Следовательно, если браузер присваивает medium 12 пунктам, то любой шрифт, размер которого установлен на medium , будет иметь размер 12 пунктов.Проблема в том, что в спецификации не указано, какому размеру должно соответствовать каждое ключевое слово. Браузер A может установить medium таким же, как 11pt , тогда как браузер B устанавливает его на 13pt , а браузер C выбирает 12pt . Без явного набора значений браузерам необязательно использовать одни и те же балльные значения для этих ключевых слов.

Возможно, нам повезло, поскольку производители браузеров могли выбрать для этих ключевых слов одинаковые значения. Конечно, не были, но причина этого может вас удивить.Он включает в себя устаревшее поведение в HTML и количество ключевых слов абсолютного размера.

Если вы помните, существует семь ключевых слов абсолютного размера. В HTML 3.2 было семь размеров FONT (например, FONT size = "4" ). Поэтому кажется логичным, что семь ключевых слов должны соответствовать каждому из семи размеров FONT . К сожалению, это означает следующее:

Рисунок 1.Размеры ШРИФТА и абсолютные размеры.

1	2	3	4	5	6	7
xx малый	x-маленький	малый	средний	большой	x-большой	xx большой

Обратите внимание, где средний попадает: на число 4. Однако в HTML размер шрифта по умолчанию был 3 — поэтому, следуя этой таблице, «нормальный» текст (размер 3) будет соответствовать small , а не средний . Это то, что делает Internet Explorer. Navigator 4.x, с другой стороны, предполагает, что средний должен быть таким же, как «нормальный» (размер 3) текст. Это тоже вполне разумно, поскольку естественно было бы предположить, что значение по умолчанию (, среднее ) должно соответствовать «нормальному» тексту.

Из-за этого несоответствия установка размера шрифта с использованием любого ключевого слова абсолютного размера гарантирует несогласованный внешний вид между проводником и навигатором. Возьмем этот пример:

Рис. 2. Несоответствия в соответствии с требованиями.

Это текст размером 12 пунктов.	Это средний текст.	Это текст размером 14 пунктов.
Это текст размером 10 пунктов.	Это небольшой текст.	Это текст размером 12 пунктов.

В Navigator 4.x первые две ячейки в каждой строке должны содержать текст одинакового размера; в проводнике вторая и третья ячейки должны содержать текст одинакового размера. Кикер в том, что ни то, ни другое не неверно. На этот раз несоответствие между браузерами нельзя винить ни в одном, ни в другом, потому что оба соответствуют спецификации. Они просто уступчивы по-разному.

Относительные размеры

Есть еще два ключевых слова, оба из которых не противоречат друг другу.Это больше и меньше , и их эффект заключается в увеличении или уменьшении размера шрифта по отношению к родительскому элементу с использованием согласованного коэффициента масштабирования (в спецификации рекомендуется 1,2). Таким образом, учитывая следующую разметку:

 BODY {font-size: 12pt;}
БОЛЬШОЙ {размер шрифта: больше;}
МАЛЕНЬКИЙ {размер шрифта: меньше;}
 

… любой текст в элементе BIG будет иметь размер около 14 пунктов, тогда как любой текст SMALL будет иметь размер около 10 пунктов.Опять же, точные размеры зависят от коэффициента масштабирования, используемого браузером, но 1.2, похоже, используется довольно последовательно.

Опасность здесь в том, что изменения в размере накапливаются. Возьмите эту разметку:

 UL {размер шрифта: меньше;}
 

Этот стиль приведет к тому, что размер шрифта каждого элемента UL будет меньше, чем у его родительского элемента. Обычно это нормально, но что происходит, когда у вас есть вложенные списки? Вот пример:

---

• Это элемент списка…
• … а этот содержит неупорядоченный список:
  • Это элемент списка …
  • … а этот содержит неупорядоченный список:
    • Это элемент списка …
    • … а этот содержит неупорядоченный список:
      • Это элемент списка …
      • … а этот содержит неупорядоченный список:
    • плюс еще один элемент списка.
  • плюс еще один элемент списка.
• плюс еще один элемент списка.

---

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

Основным преимуществом использования ключевых слов относительного размера является то, что они заставляют все работать в соответствии с предпочтениями размера по умолчанию пользователя. Они также позволяют пользователю влиять на размер всех шрифтов.Если у пользователя, например, нарушено зрение, и он не может прочитать часть вашего текста, он может увеличить размер шрифта по умолчанию и все остальное увеличить вместе с ним, сохраняя при этом те же относительные размеры: МАЛЕНЬКИЙ текст будет по-прежнему меньше обычного текста и т. д.

Как мы видели, недостатком является то, что если вы не будете осторожны, ваш текст может быстро стать слишком маленьким для чтения или слишком большим для отображения на обычном мониторе. Подумайте на мгновение о том, что произойдет со страницей, которая использует таблицы для размещения текста и имеет следующее правило:

 TD {размер шрифта: меньше;}
 

Если есть какая-либо вложенность таблиц, текст внутри этих таблиц очень быстро станет неразборчивым.Учитывая преобладание страниц с макетами таблиц, такие правила следует использовать с особой осторожностью, и вам нужно будет провести много тестов, прежде чем опубликовать свой дизайн.

Лучшая калибровка за счет конструкции

Один из возможных обходных путей — использовать контекстные селекторы в ваших интересах:

 ТАБЛИЦА TD ТАБЛИЦА TD {размер шрифта: меньше;}
 

Это не повлияет на размер текста в «первой» таблице, но сделает на меньше любого текста во вложенной таблице.Однако это абсолютно зависит от очень конкретной структуры документа и может стать серьезной проблемой, если структура вашей страницы изменится — скажем, если другая таблица будет обернута вокруг всей страницы.

Гораздо лучший обходной путь — назначить класс ячейкам таблицы, которые содержат текст, который должен быть меньше, примерно так:

 TD.aside {размер шрифта: меньше;}

 Текст этой ячейки должен быть меньше, чем
текст его родительского элемента. 
 

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

Заключение

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

No related posts.