Чем определяется размер номер шрифта. Определение размера шрифта. I. Управление шрифтом

Все надписи на чертежах (в основной надписи, размеры, технические требования и условия и пр.) выполняются чертежным шрифтом по ГОСТ 2.304-81.

Размер стандартного чертежного шрифта определяется высотой h прописных (заглавных) букв в миллиметрах. Стандарт устанавливает следующие размеры шрифта: 2,5; 3,5; 5; 7; 10; 14; 20. Например, высота прописных букв шрифта размера 14 равна 14 мм, размера 5 – соответственно 5 мм и т.д. (рис.20).

Толщина линии шрифта d – толщина, определяемая в зависимости от типа и размера шрифта (рис.20).

Ширина буквы g - наибольшая ширина буквы, определяется по отношению к размеру шрифта h , например, g =6/10 h , или по отношению к толщине линии шрифта d , например, g =6 d .

Рис.20. Основные параметры шрифта: а) прямой шрифт; б) наклонный шрифт.

Стандарт устанавливает четыре типа шрифта: а) тип А без наклона (d =1/14 h ); б) тип А с наклоном около 75 0 (d =1/14 h ); в) тип Б без наклона (d =1/10 h ); г) тип Б с наклоном около 75 0 (d =1/10 h ). Отличие между типами шрифта заключается не в конструкции букв и цифр, а только в величине d – толщине линий шрифта. Параметры шрифтов типа А и типа Б приведены в таблицах 3 и 4.

Таблица 3. Параметры шрифта типа А

Таблица 4. Параметры шрифта типа Б

Вспомогательная сетка - сетка, образованная вспомогательными линиями, в которые вписываются буквы. Шаг вспомогательных линий сетки определяется в зависимости от толщины линий шрифта d (рис.21).

Рис.21. Вспомогательная сетка для прямого и наклонного шрифтов.

Примеры начертания шрифта русского алфавита типа А приведены на рис.22, 23; размеры шрифта даны в таблице 5. Пример начертания арабских и римских цифр приведен на рис.24.

Рис.22. Шрифт типа А с наклоном.

Рис.23. Шрифт типа А без наклона.

Рис.24. Шрифт типа А: арабские и римские цифры.

Таблица 5. Параметры шрифта типа А

Примечания:

1. Расстояние а между буквами, соседние линии которых не параллельны между собой (например, ГА, АТ), может быть уменьшено наполовину, т.е. на толщинуd линии шрифта.

2. Вертикальные отростки у букв Д, Ц и Щ идут за счет промежутков между строками; боковые отростки у букв Ц и Щ идут за счет промежутка между буквами.

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

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

1.2. Основные требования к оформлению графических работ

Все графические задания должны быть выполнены на стандартных листах чертежной бумаги (А3 или А4) и иметь рамку поля чертежа и основную надпись по форме № 1 ГОСТ 2.104-68 (кроме задания «Титульный лист»). Рамка поля чертежа выполняется сплошной основной линией толщиной S на расстоянии от внешних границ листа: справа, снизу и сверху – 5мм, слева – 20 мм. Основная надпись всегда располагается в правом нижнем углу листа. Поле величиной 20 мм с левой стороны предназначается для подшивки и брошюровки чертежей. Основная надпись выполняется сплошными основными и тонкими линиями. Размеры, расположение и содержание основной надписи представлены на рисунке 25.

Рисунок 25. Размеры таблицы основной надписи по форме 1.

В графах основной надписи и в дополнительных графах указывают:

– в графе 1 – наименование изделия по ГОСТ 2.109-73;

– графе 2 – обозначение документа по ГОСТ 2.101-80.;

– в графе 3 – условное обозначение материала (эта графа заполняется только на чертежах деталей);

– в графе 4 – литеру, присвоенную данному документу по ГОСТ 2.103-68 (графу заполняют последовательно, начиная с крайней левой клетки. Для учебных чертежей используем литеру "У");

– в графе 5 – массу изделия в килограммах по ГОСТ 2.109-73;

– в графе 6 – масштаб (проставляется в соответствии с ГОСТ 2.302-68);

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

– в графе 8 – общее количество листов документа. Графу заполняют только на первом листе;

– в графе 9 – наименование, различительный индекс или шифр предприятия, выпустившего документ, для заданий по инженерной графике – ВТУЗ, гр. ХХХХ;

– в графах 10 – характер работы, выполняемой лицом, подписывающим документ;

– в графах 11 – фамилии и инициалы лиц, подписывающих документ:

– в графах 12 – подписи лиц, фамилии которых указаны в графах 11;

– в графе 13 – дата подписания документа;

– в графах 14–18 – графы таблицы изменений, вносимых в документ в соответствии с ГОСТ 2.503-68, на учебных чертежах не заполняют;

– в графе 19 – обозначение документа (см. графу 2), повернутое на 180 0 для формата А4 и для форматов больше А4 при расположении основной надписи вдоль длинной стороны листа и на 90 0 для форматов больше А4 при расположении основной надписи вдоль короткой стороны листа.

Лабораторная работа №6

Управление шрифтом и текстом с помощью таблиц стилей CSS

Цель работы: изучить основы управления шрифтом и текстом с помощью таблиц стилей CSS, освоить практические навыки по использованию свойств шрифта и текста на web-странице.

I. Управление шрифтом

Оформление – один из самых мощных способов донести идеи создателя сайта до посетителя. Правильно оформленный текст позволяет читателю наиболее быстро разобраться в содержании сайта.

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

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

Семейство шрифтов (font family) – это набор шрифтов с похожими характеристиками. В web существует пять основных типов шрифта (таблица 1).

Таблица 1

Типы шрифта

Тип шрифта Пример Характеристика шрифта
serif Times New Roman На концах линий, составляющих буквы, есть маленькие черточки (засечки). Такое написание позволяет выделять отдельные буквы. Этот тип подходит для текста предназначенного для распечатки. На экране буквы будут не ясными, если размер шрифта маленький.
sans-serif Arial Буквы данного шрифта не имеют засечек. И хотя символы sans-serif менее отчетливы, они больше подходят для текстов, отображаемых на экране и набранных шрифтом меньшего размера.
monospace Courier New Все символы этого типа шрифта одинаковы по ширине. Например буква «i» занимает столько же места сколько и буква «m» по ширине. Этот шрифт подходит для текстов, в которых важна каждая буква, например для программных кодов.
cursive Monotype Corsiva Имитирует письмо от руки, его лучше использовать для украшения текста или смысловых выделений.
fantasy Webdings (Webdings) Лучше использовать в качестве украшений


Определение типа шрифта

1. Введите название свойства и поставьте двоеточие:

2. Укажите название шрифта, который будете использовать:

3. Можно написать несколько типов шрифтов через запятую:

, “Times New Roman”, palatino

4. После последней запятой укажите семейство шрифтов, к которому относиться используемый шрифт:

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

Названия шрифтов, состоящие из нескольких слов, нужно заключать в кавычки, например: “Times New Roman”

Пример 1

Шрифты HTML-блока div класса nubex получают размер 14px при помощи свойства font size.

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

  • large, small, medium - задают абсолютный размер (маленький, средний, большой). Также могут применяться значения экстра-маленький (x-small, xx-small), экстра-большой (x-large, xx-large).
  • larger, smaller - задают относительный размер (меньше или больше относительно родительского элемента).
  • 100% - задается относительный размер (в процентах относительно родительского). Например: h1 { font-size: 180%; } Это означает, что размер тега H1 будет составлять 180% от базового размера шрифта.
  • Другие варианты задания относительного размера:
    • 5ex - означает, что размер составит 5 высот буквы x от базового шрифта;
    • 14pt - 14 пунктов;
    • 22px - 22 пикселя;
    • 1vw - 1% от ширины окна браузера;
    • 1vh - 1% от высоты окна браузера;

Размер шрифта определяется высотой прописных (заглавных) букв в миллиметрах. Высота прописных букв (И) измеряется перпендикулярно к основанию строки.  


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


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

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

Размер шрифта и расстояние между строками оценивают в пунктах.  

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

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

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

Размер шрифта определяется высотой прописных букв в мм. Высота строчных букв (кроме б, в, д, р, у, ф) примерно равна 5 / 7 высоты прописных, что округленно соответствует следующему меньшему размеру шрифта. Высота строчных букв б, в, д, р, у, ф равна высоте прописных букв. Ширина прописных букв (кроме Д, Ж, М, Ф, Ш, Щ, Ъ, Ы, Ю) и цифр (кроме 1) примерно соответствует 5 / 7 высоты их, что округленно равно следующему меньшему размеру шрифта. Ширина прописных букв Д, Ж, Ф, Ш, Щ, Ы, Ю равна их высоте. Ширина прописных букв М и Ъ примерно равна 6 / 7 высоты их. Ширина строчных букв (кроме ж, м, т, ф, ш, щ, ъ, ы, ю) примерно соответствует 3 / 7 размера шрифта. Ширина строчных букв ж, м, т, ф, ш, щ, ъ, ы, ю примерно равна 4 / 7 размера шрифта. Ширина цифры 1 примерно равна 2 / 7 ее высоты. Толщина линий прописных букв и цифр примерно соответствует 1 / 7 размера шрифта. Толщина линий строчных букв примерно равна 1 / 10 размера шрифта. Прописная буква в слове со строчными буквами должна иметь толщину линий ту же, что и у строчных букв. В особых случаях допускается применение прямых букв и цифр (без наклона к основанию строки), а также при недостатке места - более узких (как прямых, так и наклонных) букв и цифр, ширина которых для данного размера шрифта берется по ближайшему меньшему размеру шрифта.  

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

Давайте разбираться.

А то знаний маловато!

Физика и лирика

Когда–то давным–давно буквы отливались на металических или деревянных брусках, и их размеры были довольно статичными. Высота литерной площадки называлась кеглем, а измеряли ее в пунктах (в СНГ 1 пункт равен 0,376 мм).

Литера с лигатурой ſi. 12-й кегль, шрифт Клода Гарамона

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

Тут тебе и сантиметры, и дюймы и все те же пункты.

Полиграфическая линейка.

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

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

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

Основные метрики шрифта «Новая Гельветика Тонкая» в окне настроек шрифтового редактора «Фонтлаб 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 копеек » (5 Cent Regular), было важно добиться абсолютной четкости линий при «размере шрифта» (PPM) в 5 пикселей в Фотошопе или в любой другой программе.

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

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

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

Дано:

PPM в Фотошопе = 5 пикселей
UPM шрифта = 1000 у.е.

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

Решение:

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

Ответ: 200 у.е.

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

Все по 200!

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

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