Типы и размеры шрифта. Определение размеров шрифтов в CSS
Читайте также
Размер шрифта определяется высотой прописных (заглавных) букв в миллиметрах. Высота прописных букв (И) измеряется перпендикулярно к основанию строки.
Размер шрифта (кегль), его высота задается в пунктах. Пункт - единица измерения, принятая в полиграфии. Кроме пункта используется питч (pitch) - количество символов, которое может быть напечатано на отрезке в один дюйм. Размер шрифта на принтере в пунктах определяет расстояние от верхнего края самого высокого символа до нижнего края самого низкого. Кегль включает высоту собственно буквы (очко) и так называемые заплечики - свободные пространства над и под очком, образующие межстрочные промежутки.
Размер шрифта определяется его высотой в пунктах и выбирается из множества, определенного для каждого вида шрифта, или устанавливается самим пользователем.
Размер шрифта (кегль), его высота задается в пунктах. Пункт - единица, принятая в полиграфии. Размер шрифта на принтере в пунктах определяет высоту от верхнего края самого высокого символа до нижнего края самого низкого.
Размер шрифта и расстояние между строками оценивают в пунктах.
Размер шрифта h - величина, определенная высотой прописных букв в миллиметрах.
Размер шрифта определяется высотой h прописных (заглавных) букв в мм.
Размер шрифта определяется высотой h прописных букв в миллиметрах.
Размер шрифта определяется высотой прописных букв в мм. Высота строчных букв (кроме б, в, д, р, у, ф) примерно равна 5 / 7 высоты прописных, что округленно соответствует следующему меньшему размеру шрифта. Высота строчных букв б, в, д, р, у, ф равна высоте прописных букв. Ширина прописных букв (кроме Д, Ж, М, Ф, Ш, Щ, Ъ, Ы, Ю) и цифр (кроме 1) примерно соответствует 5 / 7 высоты их, что округленно равно следующему меньшему размеру шрифта. Ширина прописных букв Д, Ж, Ф, Ш, Щ, Ы, Ю равна их высоте. Ширина прописных букв М и Ъ примерно равна 6 / 7 высоты их. Ширина строчных букв (кроме ж, м, т, ф, ш, щ, ъ, ы, ю) примерно соответствует 3 / 7 размера шрифта. Ширина строчных букв ж, м, т, ф, ш, щ, ъ, ы, ю примерно равна 4 / 7 размера шрифта. Ширина цифры 1 примерно равна 2 / 7 ее высоты. Толщина линий прописных букв и цифр примерно соответствует 1 / 7 размера шрифта. Толщина линий строчных букв примерно равна 1 / 10 размера шрифта. Прописная буква в слове со строчными буквами должна иметь толщину линий ту же, что и у строчных букв. В особых случаях допускается применение прямых букв и цифр (без наклона к основанию строки), а также при недостатке места - более узких (как прямых, так и наклонных) букв и цифр, ширина которых для данного размера шрифта берется по ближайшему меньшему размеру шрифта.
Лабораторная работа №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