Размер шрифта h определяется. Определение размеров шрифтов в CSS
Шрифт (от нем. Schrift) - это рисунок, начертание букв ка кого-либо алфавита, цифр и знаков.
Шрифты чертежные (ГОСТ 2.304-81) предназначены для выполнения надписей, начертания условных знаков и размерных чисел на чертежах. Для выполнения надписей в черчении используют ГОСТ. ГОСТ устанавливает номера чертежных шрифтов (1,8; 2,5; 3,5; 5; 7; 10; 14; 20; 28; 40) русского, латинского и других алфавитов.
Первый стандарт «Шрифты для надписей» был разработан и утвержден в 1919 г.
Номер шрифта соответствует высоте (h) прописной буквы. Например, шрифт № 5 имеет высоту прописной буквы, равную 5 мм.
Высота буквы измеряется перпендикулярно к основанию строки. Шрифт выполняется с наклоном в 75° (ГОСТом допускается выполнять надписи чертежным шрифтом без наклона).
Для удобства написания букв чертежного шрифта выстраивают вспомогательную сетку (рис. 35), которую выполняют следующим образом. Проводят нижнюю и верхнюю линии строки, расстояние между которыми равно высоте прописной буквы. Откладывают на нижней линии строки ширину букв и расстояние между ними (табл. 3).
Используя углы 45° и 30° угольников, строят наклон букв в строке, равный 75°.
Рассмотрите начертание букв чертежного шрифта (рис. 35- 37). Они различаются наличием горизонтальных, вертикальных, наклонных линий и закруглений, шириной и высотой. На рисунках показана (стрелками) последовательность начертания каждой буквы.
Рис. 35. Начертание прописных букв, состоящих из горизонтальных и вертикальных элементов, и построение вспомогательной сетки
рис. 36. Начертание прописных букв, состоящих из горизонтальных, вертикальных и наклонных элементов
Рис. 37. Начертание прописных букв, состоящих из прямолинейных и криволинейных элементов
Рис. 38. Начертание строчных букв, отличающихся от начертания прописных букв
Как вы, наверное, уже заметили, начертания многих строчных и прописных букв не отличаются между собой, например К - к, О - о и др. Начертание некоторых строчных букв отличается от начертания прописных (рис. 38).
При выполнении надписей следует учитывать, что нижние элементы прописных букв Д, Ц, Щ и верхний элемент буквы Й выполняют за счет расстояния между строк.
3. Размеры букв чертежного шрифта
Несмотря на то что расстояние между буквами определено стандартом, оно должно изменяться в зависимости от того, какое начертание имеют рядом стоящие буквы. Например, в слове РАБОТА (рис. 39, а) расстоянием между буквой P и A, T и А необходимо пренебречь (т. е. расстояние должно быть равно нулю), поскольку их начертание зрительно создает достаточный межбуквенный просвет. По этой же причине стандартное расстояние между буквами Б и О, 0 и T следует сократить вполовину. Если такими условиями пренебречь, то буквы в слове будут как бы рассыпаться (рис. 39, б).
Рис. 39. Учет межбуквенного просвета при написании слов: а - правильно; б - неправильно
Рис. 40. Цифры и знаки
Начертание цифр и знаков показано на рисунке 40. (При выполнении чертежей выбирайте высоту шрифта не менее 3,5 мм.)
МЕЖГОСУДАРСТВЕННЫЙ СТАНДАРТ
ЕДИНАЯ СИСТЕМА КОНСТРУКТОРСКОЙ ДОКУМЕНТАЦИИ
ШРИФТЫ ЧЕРТЕЖНЫЕ
ГОСТ 2.304-81
ИПК ИЗДАТЕЛЬСТВО СТАНДАРТОВ
Москва
МЕЖГОСУДАРСТВЕННЫЙ СТАНДАРТ
Единая система конструкторской документации ШРИФТЫ ЧЕРТЕЖНЫЕ Unified system for design
documentation. |
ГОСТ |
Дата введения 01.01.82
Настоящий стандарт устанавливает чертежные шрифты, наносимые на чертежи и другие технические документы всех отраслей промышленности и строительства.
1. ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ
1.1. Размер шрифта h - величина, определенная высотой прописных букв в миллиметрах.
1.2. Высота прописных букв h измеряется перпендикулярно к основанию строки.
Высота строчных букв с определяется из отношения их высоты (без отростков k ) к размеру шрифта h , например, с = 7/10 h (черт. и ).
1.3. Ширина буквы g - наибольшая ширина буквы, измеренная в соответствии с черт. и , определяется по отношению к размеру шрифта h , например, g = 6/10 h , или по отношению к толщине линии шрифта d , например, g = 6 d .
1.4. Толщина линии шрифта d - толщина, определяемая в зависимости от типа и высоты шрифта.
1.5. Вспомогательная сетка - сетка, образованная вспомогательными линиями, в которые вписываются буквы. Шаг вспомогательных линий сетки определяется в зависимости от толщины линий шрифта d (черт. ).
тип А с наклоном около 75° (d = 1/14 h
тип Б без наклона (d = 1/10 h ) с параметрами, приведенными в табл. ;
тип Б с наклоном около 75° (d = 1/10 h ) с параметрами, приведенными в табл. .
Таблица 1
Шрифт типа А (d = h /14)
Обозначение |
Относительный размер |
Размеры, мм |
||||||||
Размер шрифта - |
||||||||||
высота прописных букв |
h |
(14/14) h |
l4 d |
2,5 |
3,5 |
5,0 |
7,0 |
10,0 |
14,0 |
20,0 |
высота строчных букв |
с |
(10/14) h |
10 d |
1,8 |
2,5 |
3,5 |
5,0 |
7,0 |
10,0 |
14,0 |
Расстояние между буквами |
а |
(2/14) h |
2 d |
0,35 |
0,5 |
0,7 |
1,0 |
1,4 |
2,0 |
2,8 |
b |
(22/14) h |
22 d |
4,0 |
5,5 |
8,0 |
11,0 |
16,0 |
22,0 |
31,0 |
|
е |
(6/14) h |
6 d |
1,1 |
1,5 |
2,1 |
3,0 |
4,2 |
6,0 |
8,4 |
|
Толщина линий шрифта |
d |
(1/14) h |
d |
0,18 |
0,25 |
0,35 |
0,5 |
0,7 |
1,0 |
1,4 |
Таблица 2
Шрифт типа Б (d = h /10)
Обозначение |
Относительный размер |
Размеры, мм |
|||||||||
Размер шрифта - |
|||||||||||
высота прописных букв |
h |
(10/10) h |
10 d |
1,8 |
2,5 |
3,5 |
5,0 |
7,0 |
10,0 |
14,0 |
20,0 |
высота строчных букв |
с |
(7/10) h |
7 d |
1,3 |
1,8 |
2,5 |
3,5 |
5,0 |
7,0 |
10,0 |
14,0 |
Расстояние между буквами |
а |
(2/10)h |
2 d |
0,35 |
0,5 |
0,7 |
1,0 |
1,4 |
2,0 |
2,8 |
4,0 |
Минимальный шаг строк (высота вспомогательной сетки) |
b |
(17/10)h |
17 d |
3,1 |
4,3 |
6,0 |
8,5 |
12,0 |
17,0 |
24,0 |
34,0 |
Минимальное расстояние между словами |
е |
(6/10)h |
6 d |
1,1 |
1,5 |
2,1 |
3,0 |
4,2 |
6,0 |
8,4 |
12,0 |
Толщина линий шрифта |
d |
(1/10)h |
d |
0,18 |
0,25 |
0,35 |
0,5 |
0,7 |
1,0 |
1,4 |
2,0 |
Примечания :
1. Расстояние а между буквами, соседние линии которых не параллельны между собой (например, ГА , AT ), может быть уменьшено наполовину, т.е. на толщину d линии шрифта.
2. Минимальным расстоянием между словами е , разделенными знаком препинания, является расстояние между знаком препинания и следующим за ним словом.
При выполнении документов автоматизированным способом допускается применять шрифты, используемые средствами вычислительной техники. В этом случае должны быть обеспечены их хранение и передача пользователям документов.
2.2. Устанавливаются следующие размеры шрифта: (1,8); 2,5; 3,5; 5; 7; 10; 14; 20; 28; 40.
Примечание . Применение шрифта размером 1,8 не рекомендуется и допускается только для типа Б.
2.3. Построение шрифта во вспомогательной сетке показано на черт. .
Черт. 4
2.4. Предельные отклонения размеров букв и цифр ± 0,5 мм.
3. РУССКИЙ АЛФАВИТ (КИРИЛЛИЦА)
3.1. Шрифт типа А с наклоном приведен на черт.
3.2. Шрифт типа А без наклона приведен на черт. .
3.3. Шрифт типа Б с наклоном приведен на черт. .
3.4. Шрифт типа Б без наклона приведен на черт. .
4.2. Шрифт типа А без наклона приведен на черт. .
4.3. Шрифт типа Б с наклоном приведен на черт. .
4.4. Шрифт типа Б без наклона приведен на черт. .
4.5. Виды, форма и расположение диакритических знаков для шрифтов типов А и Б без наклона приведены в справочном приложении.
Диакритические знаки для шрифтов с наклоном следует выполнять по тем же правилам.
5. ГРЕЧЕСКИЙ АЛФАВИТ
5.1. Шрифт типа А с наклоном приведен на черт. .
5.2. Шрифт типа А без наклона приведен на черт. .
5.3. Шрифт типа Б с наклоном приведен на черт. .
5.4. Шрифт типа Б без наклона приведен на черт. .
5.5. Наименование букв греческого алфавита, приведенных на черт. - :
1 - альфа |
9 - йота |
17 - ро |
2 - бета |
10 - каппа |
18 - сигма |
3 - гамма |
11 - ламбда |
19 - тау |
4 - дельта |
12 - мю |
20 - ипсилон |
5 - эпсилон |
13 - ню |
21 - фи |
6 - дзета |
14 - кси |
22 - хи |
7 - эта |
15 - омикрон |
23 - пси |
8 - тэта |
16 - пи |
24 - омега |
6. АРАБСКИЕ И РИМСКИЕ ЦИФРЫ
6.1. Шрифт типа А приведен на черт. .
6.2. Шрифт типа Б приведен на черт. .
Черт. 18
Примечания :
1. Римские цифры L , С, D , М следует выполнять по правилам латинского алфавита.
2. Римские цифры допускается ограничивать горизонтальными линиями.
7. ЗНАКИ
7.1. Шрифт типа А с наклоном приведен на черт. .
7.2. Шрифт типа А без наклона приведен на черт. .
7.3. Шрифт типа Б с наклоном приведен на черт. .
7.4. Шрифт типа Б без наклона приведен на черт. .
7.5. Наименования знаков приведены в табл. .
Таблица 3
Наименование знаков |
Номера знаков на чертежах |
Наименование знаков |
|
Точка |
Процент |
||
Двоеточие |
Градус |
||
Запятая |
Минута |
||
Точка с запятой |
Секунда |
||
Восклицательный знак |
Параллельно |
||
Вопросительный знак |
Перпендикулярно |
||
Кавычки |
Угол |
||
Уклон |
|||
Параграф |
Конусность |
||
Равенство |
Квадрат |
||
Величина после округления |
Дуга |
||
Соответствует |
Диаметр |
||
Асимптотически равно |
Радикал |
||
Приблизительно равно |
Интеграл |
||
Меньше |
Бесконечность |
||
Больше |
Квадратные скобки |
||
17 и 17а |
Меньше или равно |
Круглые скобки |
|
18 и 18а |
Больше или равно |
Черта дроби |
|
Плюс |
Номер |
||
Минус, тире |
От... до |
||
Плюс-минус |
Знак подобия |
||
22,23 |
Умножение |
Звездочка |
|
Деление |
8. ПРАВИЛА НАПИСАНИЯ ДРОБЕЙ, ПОКАЗАТЕЛЕЙ, ИНДЕКСОВ И ПРЕДЕЛЬНЫХ ОТКЛОНЕНИЙ
8.1. Дроби, показатели, индексы и предельные отклонения выполняются в соответствии с табл. размером шрифта:
на одну ступень меньшим, чем размер шрифта основной величины, к которой они приписываются;
одинакового размера с размером шрифта основной величины.
ГОСТ 2.304-81
Группа Т52
МЕЖГОСУДАРСТВЕННЫЙ СТАНДАРТ
Единая система конструкторской документации
ШРИФТЫ ЧЕРТЕЖНЫЕ
Unified system for design documentation. Letters for drawings
МКС 01.080.30
Дата введения 1982-01-01
ИНФОРМАЦИОННЫЕ ДАННЫЕ
1. РАЗРАБОТАН И ВНЕСЕН Государственным комитетом СССР по стандартам
2. УТВЕРЖДЕН И ВВЕДЕН В ДЕЙСТВИЕ Постановлением Государственного комитета СССР по стандартам от 28.03.81 N 1562
3. (Исключен, Изм. N 2).
5. ИЗДАНИЕ (август 2007 г.) с Изменением N 1, , утвержденными в марте 1989 г., июне 2006 г. (ИУС 7-89, 9-2006)
Настоящий стандарт устанавливает чертежные шрифты, наносимые на чертежи и другие технические документы всех отраслей промышленности и строительства.
1. ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ
1. ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ
1.1. Размер шрифта
- величина, определенная высотой прописных букв в миллиметрах.
1.2. Высота прописных букв измеряется перпендикулярно к основанию строки.
Высота строчных букв определяется из отношения их высоты (без отростков ) к размеру шрифта , например, =7/10 (черт.1 и 2).
1.3. Ширина буквы - наибольшая ширина буквы, измеренная в соответствии с черт.1 и 2, определяется по отношению к размеру шрифта , например, 6/10, или по отношению к толщине линии шрифта , например, 6
1.4. Толщина линии шрифта - толщина, определяемая в зависимости от типа и высоты шрифта.
1.5. Вспомогательная сетка
- сетка, образованная вспомогательными линиями, в которые вписываются буквы. Шаг вспомогательных линий сетки определяется в зависимости от толщины линий шрифта (черт.3).
Черт. 3
2. ТИПЫ И РАЗМЕРЫ ШРИФТА
2.1. Устанавливаются следующие типы шрифта:
Тип А без наклона (=1/14) с параметрами, приведенными в табл.1;
Тип А с наклоном около 75° (=1/14) с параметрами, приведенными в табл.1;
Тип Б без наклона (=1/10) с параметрами, приведенными в табл.2;
Тип Б с наклоном около 75° (=1/10) c параметрами, приведенными в табл.2.
Таблица 1
Шрифт типа A
(=)
Параметры шрифта |
Обоз- |
Относительный размер |
Размеры, мм |
|||||||
Размер шрифта: |
||||||||||
высота прописных букв |
||||||||||
высота строчных букв |
||||||||||
Расстояние между буквами |
||||||||||
Толщина линий шрифта |
Таблица 2
Шрифт типа Б
(=)
Параметры шрифта |
Обозна- чение |
Относительный размер |
Размеры, мм |
||||||||
Размер шрифта: |
|||||||||||
высота прописных букв |
|||||||||||
высота строчных букв |
|||||||||||
Расстояние между буквами |
|||||||||||
Минимальный шаг строк (высота вспомогательной сетки) |
|||||||||||
Минимальное расстояние между словами |
|||||||||||
Толщина линий шрифта |
Примечания:
1. Расстояние между буквами, соседние линии которых не параллельны между собой (например, ГА
, АТ
), может быть уменьшено наполовину, т.е. на толщину линии шрифта.
2. Минимальным расстоянием между словами , разделенными знаком препинания, является расстояние между знаком препинания и следующим за ним словом.
При выполнении документов автоматизированным способом допускается применять шрифты, используемые средствами вычислительной техники. В этом случае должны быть обеспечены их хранение и передача пользователям документов.
(Измененная редакция, Изм. N 2).
2.2. Устанавливаются следующие размеры шрифта: (1,8); 2,5; 3,5; 5; 7; 10; 14; 20; 28; 40.
Примечание. Применение шрифта размером 1,8 не рекомендуется и допускается только для типа Б.
2.3. Построение шрифта во вспомогательной сетке показано на черт.4.
2.4. Предельные отклонения размеров букв и цифр ±0,5 мм.
3. РУССКИЙ АЛФАВИТ (КИРИЛЛИЦА)
3.1. Шрифт типа А с наклоном приведен на черт.5.
3.2. Шрифт типа А без наклона приведен на черт.6.
3.3. Шрифт типа Б с наклоном приведен на черт.7.
3.4. Шрифт типа Б без наклона приведен на черт.8.
4. ЛАТИНСКИЙ АЛФАВИТ
4.1. Шрифт типа А с наклоном приведен на черт.9.
4.2. Шрифт типа А без наклона приведен на черт.10.
Черт.10
4.3. Шрифт типа Б с наклоном приведен на черт.11.
Черт.11
4.4. Шрифт типа Б без наклона приведен на черт.12.
Черт.12
4.5. Виды, форма и расположение диакритических знаков для шрифтов типов А и Б без наклона приведены в справочном приложении.
Диакритические знаки для шрифтов с наклоном следует выполнять по тем же правилам.
5. ГРЕЧЕСКИЙ АЛФАВИТ
5.1. Шрифт типа А с наклоном приведен на черт.13.
Черт.13
5.2. Шрифт типа А без наклона приведен на черт.14.
Черт.14
5.3. Шрифт типа Б с наклоном приведен на черт.15.
Черт.15
5.4. Шрифт типа Б без наклона приведен на черт.16.
Черт.16
5.5. Наименования букв греческого алфавита, приведенных на черт.13-16:
омикрон |
||||
6. АРАБСКИЕ И РИМСКИЕ ЦИФРЫ
6.1. Шрифт типа А приведен на черт.17.
Черт.17
6.2. Шрифт типа Б приведен на черт.18.
Черт.18
Примечания:
1. Римские цифры L, C, D, М следует выполнять по правилам латинского алфавита.
2. Римские цифры допускается ограничивать горизонтальными линиями.
7. ЗНАКИ
7.1. Шрифт типа А с наклоном приведен на черт.19.
Черт.19
7.2. Шрифт типа А без наклона приведен на черт.20.
Черт.20
7.3. Шрифт типа Б с наклоном приведен на черт.21.
Черт.21
7.4. Шрифт типа Б без наклона приведен на черт.22.
Черт.22
7.5. Наименования знаков приведены в табл.3.
Таблица 3
Номера знаков на чертежах |
Наименование знаков |
Двоеточие |
|
Точка с запятой |
|
Восклицательный знак |
|
Вопросительный знак |
|
Параграф |
|
Равенство |
|
Величина после округления |
|
Соответствует |
|
Асимптотически равно |
|
Приблизительно равно |
|
Меньше или равно |
|
Больше или равно |
|
Минус, тире |
|
Плюс-минус |
|
Умножение |
|
Параллельно |
|
Перпендикулярно |
|
Конусность |
|
Интеграл |
|
Бесконечность |
|
Квадратные скобки |
|
Круглые скобки |
|
Черта дроби |
|
Знак подобия |
|
Звездочка |
8. ПРАВИЛА НАПИСАНИЯ ДРОБЕЙ, ПОКАЗАТЕЛЕЙ, ИНДЕКСОВ И ПРЕДЕЛЬНЫХ ОТКЛОНЕНИЙ
8.1. Дроби, показатели, индексы и предельные отклонения выполняются в соответствии с табл.4 размером шрифта:
На одну ступень меньшим, чем размер шрифта основной величины, к которой они приписываются;
Одинакового размера с размером шрифта основной величины.
Таблица 4
Варианты выполнения |
Шрифты |
Примеры выполнения |
|
основ- |
дроби, пока- |
||
Размер шрифта на одну ступень меньше, чем размер основной величины |
|||
Размер шрифта такой же, как размер основной величины |
|||
ПРИЛОЖЕНИЕ (справочное). ДИАКРИТИЧЕСКИЕ ЗНАКИ
ПРИЛОЖЕНИЕ
Cправочное
Венгерский язык
Немецкий язык
Польский язык
Румынский язык
Чешский и словацкий язык
Электронный текст документа
подготовлен АО "Кодекс" и сверен по:
официальное издание
Единая система конструкторской документации:
Сб. ГОСТов. - М.: Стандартинформ, 2007
Лабораторная работа №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
font-family: Georgia, "Times New Roman", Times, serif;
font-family: "Courier New", Courier, Monaco, monospace;
font-family: Arial, Helvetica, Geneva, sans-serif;
Введение
Электронная коммерция …...
Инструментарий Microsoft и электронная коммерция
Быстрое развитие коммуникационных технологий....
Рис.1. Определение типов шрифта
Определение размера шрифта
Обычно шрифт устанавливается с помощью тега (например ………<.font>). Вероятно этот способ скоро выйдет из употребления, так как в последних версиях HTML, соответствующих стандартам, тег отсутствует, его рекомендуется заменять CSS.
Основные проблемы, возникающие при использовании тега , заключаются в следующем:
1. Этот тег нужно добавлять каждый раз, когда необходимо установить шрифт. Соответственно размер файла значительно увеличивается;
2. Менять свойства шрифта нужно в каждом теге, что очень не удобно.
CSS решает обе эти проблемы. Не добавляя дополнительных тегов, можно управлять видом текста, заключенного в тег, внося изменения лишь в одну строку документа.
В HTML есть семь различных размеров шрифта, но все они связаны с размером, установленным по умолчанию посетителем страницы. С помощью CSS можно изменять размер текста на экране несколькими способами, включая традиционное изменение размера в точках, проценты, абсолютный размер и даже размер, зависящий от окружающего текста.
Алгоритм:
1. Введите font-size и поставьте двоеточие:
2. Укажите размер шрифта одним из следующих способов:
В единицах длинны – измеряется в пунктах;
Используя абсолютное выражение, например xx-small, x-small, small, medium, large, x-large, xx-large;
Smaller и larger описывает размер по отношению к размеру родительского элемента;
В процентах, определяющих размер шрифта пропорционально размеру шрифта родительского элемента (например 75%).
Пиксели и пункты:
Аббревиатура pt обозначает пункт. Это один из способов указания размеров шрифта. Обычно используется шрифт 12pt, который удобен для большинства читателей. Лучше измерять шрифт в пикселях (px ).Пиксели не всегда надежны, но результат их использования более точен.
Между пикселями и пунктами не существует однозначного соответствия, но можно считать, что 12px примерно совпадает с 12pt.
Пример 2
font-size: 12px;
font-size: large;
Введение
Электронная коммерция является одним из самых модных течений практически во всех отраслях бизнеса. Она открывает новые возможности в любой сфере,
Инструментарий
Microsoft
и электронная коммерция
Рис.2. Установление размера шрифта
Курсив
Часто путают два типа стилей – курсив (italic) и наклонный (oblique). Курсивом называется более декоративный тип шрифта с наклоном вправо. Наклонный шрифт представляет собой обычный шрифт, без каких-либо стилизованных украшений, с небольшим наклоном (рис.3).
Рис.3. Курсивное и наклонное начертание
С помощью элемента font-style можно выделить текст курсивом, сделать шрифт наклонным или оставить его начертание обычным (normal).
Пример 3
font-style: italic;
font-family: Arial, Helvetica, serif;
font-style: italic;
Введение
Электронная коммерция- является одним …...
Инструментарий
и электронная коммерция
Рис.4. Использование курсива в тексте
В примере 3 класс booktitle и все абзацы в <blockquote > выделены курсивом. Заголовок использует шрифт serif , поэтому мы видим курсивный шрифт, блокнот использует шрифт sans-serif , который является наклонным, даже если вы его задаете как курсив.
Толщина шрифта
В стандартном HTML шрифт может быть либо полужирным, либо обычным. CSS позволяет установить несколько уровней «жирности» шрифта, используя способность многих шрифтов иметь разную толщину.
Пример 4
font-weight: bolder;
font-weight: normal;
Электронная коммерция
Является одним из самых … во всех отраслях бизнеса. Она открывает новые возможности …..
Инструментарий Microsoft и электронная коммерция
Рис.5.Определение толщины шрифта
В примере 4 создается класс bolder , который делает линии шрифта толще.
Создание Small caps
Small caps полезны для выделения заголовков. С помощью Small caps строчные буквы переводятся в заглавные, размер которых меньше, чем у обычных прописных букв (рис.6).
Рис.6. Все буквы заглавные, но первая – больше остальных
Пример 5
font-size: 24px;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
Электронная коммерция
Является одним из самых модных течений практически во всех отраслях бизнеса. Она открывает новые возможности в любой сфере,
независимо от того, ориентируетесь ли вы на конечного покупателя или работаете с деловыми партнерами.
Рис.7. Применение small-caps
В примере 5 тег заголовка второго уровня отображает текст маленькими заглавными буквами (small-caps).
Размер шрифта на сайте можно задать как при помощи HTML, так и с помощью CSS. Рассмотрим оба варианта.
Задание размера шрифта с помощью HTML
Размер шрифта на странице можно определить при помощи тега font HTML. В статье мы уже рассматривали тег font и его атрибуты. Одним из атрибутов этого тега является size , который и позволяет установить размер шрифта. Применяется он следующим образом:
Конструктор сайтов "Нубекс"
Size может принимать значения от 1 до 7 (по умолчанию равен 3, что соответствует 13,5 пунктам для шрифта Times New Roman). Другой вариант задания атрибута - “+1” или “-1”. Это означает, что размер будет изменен относительно базового на 1 пункт больше или меньше, соответственно.
Приведенный способ довольно прост в использовании и незаменим при необходимости изменения размера шрифта небольшого куска текста. В остальных случаях рекомендуется определять стиль текста с помощью CSS.
Устанавливаем размер шрифта при помощи CSS
В CSS для изменения размера шрифта применяется свойство 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% от высоты окна браузера;