Какие размеры шрифта установлены стандартом. Единая система конструкторской документации. Инструментарий Microsoft и электронная коммерция
МЕЖГОСУДАРСТВЕННЫЙ СТАНДАРТ
ЕДИНАЯ СИСТЕМА КОНСТРУКТОРСКОЙ ДОКУМЕНТАЦИИ
ШРИФТЫ ЧЕРТЕЖНЫЕ
ГОСТ 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. Дроби, показатели, индексы и предельные отклонения выполняются в соответствии с табл. размером шрифта:
на одну ступень меньшим, чем размер шрифта основной величины, к которой они приписываются;
одинакового размера с размером шрифта основной величины.
Начиная знакомство с таинством создания цифровых шрифтов, важно разобраться с матчастью. В буквальном смысле слова. Для плодотворной работы шрифтовой дизайнер должен понимать, как измеряются шрифты и в каких единицах.
Давайте разбираться.
А то знаний маловато!
Физика и лирика
Когда–то давным–давно буквы отливались на металических или деревянных брусках, и их размеры были довольно статичными. Высота литерной площадки называлась кеглем, а измеряли ее в пунктах (в СНГ 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, а также формулу зависимости между ними, можно с требуемой точностью управлять метриками при разработке цифрового шрифта.
Все надписи на чертежах (в основной надписи, размеры, технические требования и условия и пр.) выполняются чертежным шрифтом по ГОСТ 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 при расположении основной надписи вдоль короткой стороны листа.
Размер шрифта на сайте можно задать как при помощи 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% от высоты окна браузера;
Лабораторная работа №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).