Комплект шрифта - это совокупность всех строчных и прописных букв, цифр и пунктуационных знаков, имеющих одинаковый размер и начертание (рис. 18.13). Шрифты могут быть прямыми и курсивными. К прямому шрифту относятся буквы прямой формы в отличие от курсивного шрифта, в котором буквы имеют наклонную форму. Латиница (Roman) обозначает группу шрифтов, имеющих засечки.
Семейства шрифтов объединяют два и более вида шрифтов, представляющих собой различные варианты шрифта, имеющие одинаковое начертание (рис. 18.14). Тем не менее каждый вид сохраняет неотъемлемые характеристики основной формы букв. Варианты могут включать курсив, узкий (thin), светлый, полужирный (semibold), жирный, средний (medium), узкий (condensed), широкий, контурный и другие виды шрифта. В некоторых семействах представлены только некоторые из этих вариантов, в то время как другие семейства предлагают больший
Рис. 18.13. Примеры двух вариантов начертания шрифта "Bookman", нормального и жирного
выбор вариантов начертания. Семейство шрифтов предоставляет разнообразные, но гармоничные начертания шрифта, которые можно использовать в рекламе.
Размер шрифта
Наборщики пользуются едиными единицами измерения шрифта. Если вы собираетесь общаться с людьми, занимающимися производством, вам необходимо знать базовые единицы измерения. Во всех англоязычных странах в качестве единиц измерения, используемых в печатном производстве, приняты пункт и цицеро. Давайте познакомимся с ними поближе.
Пункт
Пункт (пт) используется для измерения размера шрифта (высоты букв). В одном дюйме (2,54 см) 72 пункта (0,351 мм). Полезно знать, что высота шрифта размером 36 пунктов составляет примерно полдюйма, а шрифта размером 18 пунктов - примерно 1/4 дюйма. На рис. 18.15 поясняются основные термины, используемые для обозначения высоты шрифта. Размер шрифта может составлять от 6 до 120 пунктов. Размер шрифта основного текста обычно находится в диапазоне от 6 до 14 пунктов. Для большинства изданий используются шрифты размером 9,10 или 11 пунктов. Шрифты, размер которых превышает 14 пунктов, называются выделительными шрифтами или шрифтами заголовка. Однако эти размеры - всего лишь условность: как правило, размер шрифта основного текста газетной рекламы составляет примерно 18 пунктов, кроме того, встречаются рекламные обращения, в которых размер заголовка примерно равен размеру основного текста. Рисунок 18.16 дает наглядное представление об основных размерах шрифта.
Существует множество способов настройки размера шрифта CSS. Значительная часть верстальщиков по-прежнему пользуется пикселями, но это не совсем верный подход. Пиксель - слишком простой вариант, который не всегда пригоден для верстки адаптивных страниц. Рассмотрим все существующие методы изменения размера шрифта CSS.
Что вообще такое этот «размер шрифта»?
Есть мнение, что под размером понимается величина самого большого символа указанного шрифта. Это не так. На самом деле величина встроена в шрифт, и померить ее вручную, линейкой, вряд ли получится. Обычно размер чуть больше, чем расстояние от верхней части самой большой буквы до нижней части самой маленькой. Это делается для того, чтобы в заданном пространстве поместилось любое сочетание символов. Также важно указывать параметр «размер строки» (line-height), иначе буквы p, q и им подобные могут выйти за пределы.
Пиксели
Самый распространенный вариант. Устанавливается следующим образом:
font-size: 16px;
Преимущество у пикселей только одно - никаких сложностей с величиной. Ничего не надо подсчитывать. Какой размер указан, такими и будут символы на экране. Недостаток - трудности с адаптивным размером шрифта CSS. Не получится установить соотношения между разными размерами.
К числу «пиксельных» можно отнести устаревшие единицы измерения. К ним относятся pc, cm, mm и pt. Так, mm - это миллиметр, cm - сантиметр. Pt и pc - типографский пункт и типографская пика. Почему эти способы устарели? Потому что они не были «самостоятельными» - браузер автоматически пересчитывал значения в пиксели. Соответственно, проблемы были такими же, как и в случае с px. Кстати, в одном cm с точки зрения браузера содержится 38px.
Em: величина зависит от размера шрифта родительского элемента
Все просто. Допустим, у вас есть div, для которого задан font-size 16px. В нем находится еще один div, для которого размер шрифта CSS установлен как 2em. Соответственно, 1em - это будет 16px (т. е. размер шрифта родительского элемента), а 2em - вдвое больше, т. е. 32px.
В родительском элементе можно также задавать величину в em. В таком случае она будет зависеть от базового размера, заданного в body или html. Em - это относительный размер шрифта CSS, который будет увеличиваться и уменьшаться вместе с величиной знаков родительского элемента. Это удобно - чтобы изменить величину в большом количестве мест, надо только поменять параметры родителя.
Для профессионалов: ex и ch
Практически не используются обычными верстальщиками и frontend-разработчиками. Ex - это величина символа «Х», а ch - символа «0». В выбранном шрифте может не иметься таких знаков, но параметры все же можно использовать. Доподлинно неизвестно, для каких случаев лучше всего подходят такие размеры. Попробуйте поэкспериментировать - может, вам так будет удобнее? Однако помните, что ex и ch являются «условными» единицами, так что точная настройка параметров будет затруднительной.
Проценты: самый запутанный вариант
Как задать размер шрифта в CSS в процентах? Казалось бы, все просто - нужно только указать желаемый параметр и поставить после него символ «%». Но тут в дело вступает важный вопрос: «Процентом от чего будет являться заданный размер?»
В большинстве случаев параметр высчитывается в зависимости от величины родителя, но не всегда. Если задать свойство margin-left, процент будет вычисляться в зависимости от ширины родительского блока. Если установить line-height, то процент будет браться в зависимости от текущего размера шрифта.
Настройка параметров в процентах требует тщательных экспериментов. Будьте осторожны с этой единицей измерения, поскольку она легко может изменить внешний вид вашей верстки.
Rem: простая и универсальная единица
Выше перечислено множество способов настройки размеров шрифта в CSS, но ни один из них не является действительно удобным. Для упрощения работы был придуман параметр rem, который вычисляется в зависимости от заданной для тега html величины.
Это проще, чем кажется на первый взгляд. Например, для тега html, в который обернут весь контент страницы, вы задали в CSS font-size 16px. Соответственно, 1rem теперь будет являться 16px. 2rem - это 32px, и т. д. Можно использовать любые пропорции: 0,2rem, 1,1rem, 100rem… Браузер аккуратно пересчитает параметры.
В html можно вообще ничего не трогать, поскольку браузеры сами устанавливают для обертки определенный размер шрифта. Но для более тщательной настройки лучше все-таки переопределить показатель. Главное достоинство rem в том, что можно легко масштабировать шрифты в определенном месте, не влияя на другие элементы. Однако помните, что старые браузеры (IE ниже 9-й версии) не поддерживают этот показатель.
Vw и vh: экзотические параметры
Новейшие единицы измерения, созданные для мобильных устройств. Vw - это 1 % от ширины окна, на котором пользователь просматривает ваш сайт. Vh - 1 % от его высоты. Величина символов будет автоматически масштабироваться в зависимости от экрана устройства посетителя. Чтобы выбрать подходящий размер во время верстки, увеличивайте и уменьшайте размер экрана.
Подводим итоги
Уже давно можно не задавать размеры шрифтов CSS только через px. Гораздо удобнее использовать rem, vh и vw (особенно при адаптивном дизайне), а также em. Каждый из этих вариантов имеет свои достоинства и недостатки, так что перед использованием проверьте несколько методов. Современные верстальщики часто прибегают к rem, поскольку это один из самых простых способов сменить размер шрифта. Однако у него есть недостаток - компоненты становятся менее модульными.
- если свойства надо масштабировать относительно font-size, лучшим выбором станет em;
- в остальных случаях рекомендуется применять rem.
Em часто применяется для установки размеров padding и margin. Будьте осторожны, если указываете в нем величину символов для списков, поскольку из-за большой вложенности знаки могут оказаться нечитаемыми.
Под таким понятием, как «шрифт », понимается графическое изображение таких элементов чертежей, как буквы и цифры. Это слово имеет немецкое происхождение и в дословном переводе означает почерк или надпись, а также, то его значение, которое обычно используется в обиходе.
Нормами и правилами составления технических документов и их оформления установлено, что на них должен использоваться только тот шрифт, который имеет некие стандартные размеры. Его отличительными чертами являются строгость и четкость, которые должны быть такими, чтобы не затруднять читаемость. Очертания технических шрифтов всегда прямые, и поэтому они относятся к тому их классу, который не предполагают наличия каких-либо засечек, и во многом по этой причине наиболее удобны для зрительного восприятия и чтения. Нанесение технического шрифта производится таким образом, чтобы по отношению к основанию строки он располагался под углом около 75 градусов. В то же самое время действующими на сегодняшний день нормами и правилами допускается использование шрифтов и без наклона.
Действующий на сегодняшний день ГОСТ 2.304 – 81 гласит о том, что для чертежного шрифта предусмотрено десять размеров, а именно: 1,8 ; 2,5 ; 3,5 ; 5 ; 7 ; 10 ; 14 ; 20 ; 28 ; 40 . При этом под размером подразумевается та величина, которая определяет высоту заглавной (прописной) буквы. При этом измеряется она по отношению к основанию строки, перпендикулярно ей.
Этот параметр шрифта обозначается буквой (h ) и является его размером. Что касается таких букв, как Щ , Ц , Д , то нижние их элементы, а также верхний элемент буквы Й выполняются за счет расстояний между строками.
Толщина линий также является одним тех параметров, которые имеет чертежный шрифт. Толщина линий обозначается буквой (d ), а ее размер равен 0,1h .
.Литерой (g ) обозначается ширина прописных букв, а равняется она 6d или 0,6h , причем этот размер примерно соответствует величине (h ), который имеет шрифт ближайшего наименьшего номера. Это правило не распространяется на такие буквы, как Ю , Ы , Ц , Х , М , Д , А . Их ширина равняется 0,7d . Кроме того, исключение также распространяется на буквы Ъ , Ш , Щ , Ф , Ж , для которых этот параметр составляет 0,8d , а также на буквы С , З и Г ширина которых ровна 0,5d .
Для подавляющего большинства строчных букв параметр (с ), обозначающий их высоту, равен 0,7h . Этот размер приблизительно равен тому, который имеет шрифт самого ближайшего наименьшего номера. К примеру, у того шрифта, который имеет номер 10 , строчная буква будет высотой 7 миллиметров, а этот же параметр для строчной буквы номер 7 – 5 миллиметров. Что касается нижних и верхних элементов, которые имеют строчные буквы, то они имеют размер 3d , который выполняется расстояниями между строками.
Ширина строчных букв обозначается символом (g ), а её величина равна 5d . Исключение составляют буквы а , м , ц , ъ ширина которых ровна 6d ; для букв з ,с – 4d; а для букв ж , т , ф , ш , щ , ы , ю – 7d .
Специальная вспомогательная сетка была разработана для того, чтобы начинающие чертежники научились наносить шрифт вручную. Она образовывается тонкими вспомогательными линиями, между которых должны быть вписаны буквы. Тот шаг, который имеют вспомогательные линии сетки, зависит от того, какое значение имеет параметр (d ) (то есть толщина линий самого шрифта).
Таблица параметров шрифта
В таблицу сведены такие параметры шрифта, как высота, толщина и ширина его линий, а также, то минимальное расстояние, которое должно быть между словами и между буквами.
| Параметры шрифта | Обозначение | Относительный размер | Размер в мм | ||||
| 3.5 | 5 | 7 | 10 | 14 | |||
| Высота прописных букв | h | 3.5 | 5 | 7 | 10 | 14 | |
| c | 0.7h | 2.5 | 3.5 | 5 | 7 | 10 | |
| Расстояние между буквами | a | 0.2h | 0.7 | 1.0 | 1.4 | 2.0 | 2.8 |
| Минимальное расстояние между основаниями строк | b | 1.7h | 6.0 | 8.5 | 12.0 | 17.0 | 24.0 |
| Минимальное расстояние между словами | e | 0.6h | 2.1 | 3.0 | 4.2 | 6.0 | 8.4 |
| d | 0.1h | 0.35 | 0.5 | 0.7 | 1.0 | 1.4 | |
Графическое представление букв и других знаков называется шрифтом. Все вместе они представляют собой единую стилистическую и композиционную систему, которая предназначена для того, чтобы отображать информацию визуально.
Выражаясь более простым языком, шрифтом является такой набор цифр, букв и специальных символов, которые единообразны с точки зрения стилистики и выполняются со строгим соблюдением пропорций между их размерами.
Такие параметры, как размер (кегль), ширина (широкая, узкая, нормальная), насыщенность (жирная, полужирная, светлая), начертание (курсивное, прямое) являются основными характеристиками шрифтов.
К дополнительным характеристикам шрифтом относятся удобочитаемость, емкость, контраст, различимость и четкость. Они также имею немаловажное значение.
Описание
Определяет размер шрифта элемента. Размер может быть установлен несколькими способами. Набор констант (xx-small , x-small , small , medium , large , x-large , xx-large ) задает размер, который называется абсолютным. По правде говоря, они не совсем абсолютны, поскольку зависят от настроек браузера и операционной системы.
Другой набор констант (larger , smaller ) устанавливает относительные размеры шрифта. Поскольку размер унаследован от родительского элемента, эти относительные размеры применяются к родительскому элементу, чтобы определить размер шрифта текущего элемента.
В конечном итоге, размер шрифта сильно зависит от значения свойства font-size у родителя элемента.
Сам размер шрифта определяется как высота от базовой линии до верхней границы кегельной площадки, как показано на рис. 1.
Рис. 1. Размер шрифта
Синтаксис
font-size: абсолютный размер | относительный размер | значение | проценты | inherit
Значения
Для задания абсолютного размера используются следующие значения: xx-small , x-small , small , medium , large , x-large , xx-large . Их соответствие с размером шрифта в HTML приведено в табл. 1.
Относительный размер шрифта задается значениями larger и smaller .
Также разрешается использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты (pt ), пикселы (px ), проценты (% ) и др. За 100% берется размер шрифта родительского элемента. Отрицательные значения не допускаются.
Inherit Наследует значение родителя.
HTML5 CSS2.1 IE Cr Op Sa Fx
Duis te feugifacilisi
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Результат данного примера показан на рис. 1.
Рис. 2. Применение свойства font-size
Объектная модель
document.getElementById("elementID ").style.fontSize
Браузеры
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .
Дата введения 01.01.82
Настоящий стандарт устанавливает чертежные шрифты, наносимые на чертежи и другие технические документы всех отраслей промышленности и строительства.
1. ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ
1.1. Размер шрифта h - величина, определенная высотой прописных букв в миллиметрах.1.2. Высота прописных букв h измеряется перпендикулярно к основанию строки.Высота строчных букв с определяется из отношения их высоты (без отростков k) к размеру шрифта h, например, с = 7/10 h (черт. 1 и 2).|
|
|
2. ТИПЫ И РАЗМЕРЫ ШРИФТА
2.1. Устанавливаются следующие типы шрифта:тип А без наклона (d = 1/14 h) с параметрами, приведенными в табл. 1;тип А с наклоном около 75° (d = 1/14 h) с параметрами, приведенными в табл. 1;тип Б без наклона (d = 1/10 h) с параметрами, приведенными в табл. 2;тип Б с наклоном около 75° (d = 1/10 h) с параметрами, приведенными в табл. 2.Таблица 1
Шрифт типа А (d = h/14)
|
Параметры шрифта |
Обозначение |
Относительный размер |
Размеры, мм |
|||||||
| Размер шрифта - | ||||||||||
| высота прописных букв | ||||||||||
| высота строчных букв | ||||||||||
| Расстояние между буквами | ||||||||||
| Толщина линий шрифта | ||||||||||
Таблица 2
Шрифт типа Б (d = h/10)
|
Параметры шрифта |
Обозначение |
Относительный размер |
Размеры, мм |
||||||||
| Размер шрифта - | |||||||||||
| высота прописных букв | |||||||||||
| высота строчных букв | |||||||||||
| Расстояние между буквами | |||||||||||
| Минимальный шаг строк (высота вспомогательной сетки) | |||||||||||
| Минимальное расстояние между словами | |||||||||||
| Толщина линий шрифта | |||||||||||
2.4. Предельные отклонения размеров букв и цифр ± 0,5 мм.
3. РУССКИЙ АЛФАВИТ (КИРИЛЛИЦА)
3.1. Шрифт типа А с наклоном приведен на черт. 5
3.2. Шрифт типа А без наклона приведен на черт. 6.
3.3. Шрифт типа Б с наклоном приведен на черт. 7.
3.4. Шрифт типа Б без наклона приведен на черт. 8.
4. ЛАТИНСКИЙ АЛФАВИТ
4.1. Шрифт типа А с наклоном приведен на черт. 9.
4.2. Шрифт типа А без наклона приведен на черт. 10.
4.3. Шрифт типа Б с наклоном приведен на черт. 11.
4.4. Шрифт типа Б без наклона приведен на черт. 12.
4.5. Виды, форма и расположение диакритических знаков для шрифтов типов А и Б без наклона приведены в справочном приложении.Диакритические знаки для шрифтов с наклоном следует выполнять по тем же правилам.
5. ГРЕЧЕСКИЙ АЛФАВИТ
5.1. Шрифт типа А с наклоном приведен на черт. 13.
5.2. Шрифт типа А без наклона приведен на черт. 14.
5.3. Шрифт типа Б с наклоном приведен на черт. 15.
5.4. Шрифт типа Б без наклона приведен на черт. 16.
5.5. Наименование букв греческого алфавита, приведенных на черт. 13 - 16:
6. АРАБСКИЕ И РИМСКИЕ ЦИФРЫ
6.1. Шрифт типа А приведен на черт. 17.
6.2. Шрифт типа Б приведен на черт. 18.
Примечания: 1. Римские цифры L , С, D , М следует выполнять по правилам латинского алфавита. 2. Римские цифры допускается ограничивать горизонтальными линиями.
7. ЗНАКИ
7.1. Шрифт типа А с наклоном приведен на черт. 19.
7.2. Шрифт типа А без наклона приведен на черт. 20.
7.3. Шрифт типа Б с наклоном приведен на черт. 21.
7.4. Шрифт типа Б без наклона приведен на черт. 22.
7.5. Наименования знаков приведены в табл. 3.
Таблица 3
|
Номера знаков на чертежах |
Наименование знаков |
Номера знаков на чертежах |
Наименование знаков |
| 1 | Точка | 25 | Процент |
| 2 | Двоеточие | 26 | Градус |
| 3 | Запятая | 27 | Минута |
| 4 | Точка с запятой | 28 | Секунда |
| 5 | Восклицательный знак | 29 | Параллельно |
| 6 | Вопросительный знак | 30 | Перпендикулярно |
| 7 | Кавычки | 31 | Угол |
| 8 | И | 32 | Уклон |
| 9 | Параграф | 33 | Конусность |
| 10 | Равенство | 34 | Квадрат |
| 11 | Величина после округления | 35 | Дуга |
| 12 | Соответствует | 36 | Диаметр |
| 13 | Асимптотически равно | 37 | Радикал |
| 14 | Приблизительно равно | 38 | Интеграл |
| 15 | Меньше | 39 | Бесконечность |
| 16 | Больше | 40 | Квадратные скобки |
| 17 и 17а | Меньше или равно | 41 | Круглые скобки |
| 18 и 18а | Больше или равно | 42 | Черта дроби |
| 19 | Плюс | 43 | Номер |
| 20 | Минус, тире | 44 | От... до |
| 21 | Плюс-минус | 45 | Знак подобия |
| 22,23 | Умножение | 46 | Звездочка |
| 24 | Деление |
8. ПРАВИЛА НАПИСАНИЯ ДРОБЕЙ, ПОКАЗАТЕЛЕЙ, ИНДЕКСОВ И ПРЕДЕЛЬНЫХ ОТКЛОНЕНИЙ
8.1. Дроби, показатели, индексы и предельные отклонения выполняются в соответствии с табл. 4 размером шрифта:на одну ступень меньшим, чем размер шрифта основной величины, к которой они приписываются;одинакового размера с размером шрифта основной величины.Таблица 4
|
Варианты выполнения |
Примеры выполнения |
||
|
основные величины |
дроби, показатели и т.п. |
||
| Размер шрифта на одну ступень меньше, чем размер основной величины |
|
||
|
|
|||
|
|
|||
| Размер шрифта такой же, как размер основной величины |
|
||
|
|
|||
ПРИЛОЖЕНИЕ
Справочное
ДИАКРИТИЧЕСКИЕ ЗНАКИ
Венгерский язык
Немецкий язык
Польский язык
Румынский язык
Чешский и словацкий язык
ИНФОРМАЦИОННЫЕ ДАННЫЕ
1. РАЗРАБОТАН И ВНЕСЕН Государственным комитетом СССР по стандартам2. УТВЕРЖДЕН И ВВЕДЕН В ДЕЙСТВИЕ Постановлением Государственного комитета СССР по стандартам от 28.03.81 № 15623. (Исключен, Изм. № 2)4. ВЗАМЕН ГОСТ 2.304-685. Издание (июль 2001 г.) с Изменением № 1, утвержденным в марте 1989 г. (ИУС 7-89)
