Одной из главных задач веб-дизайна является подбор правильных стандартных шрифтов . Сервисы для внедрения шрифтов, такие как Google Web Fonts или Typekit , были созданы в качестве альтернативы с целью предоставить что-то новое.
Их очень просто использовать. Рассмотрим в качестве примера сервис Google Web Fonts .
Выбираете шрифт Open Sans , Droid Serif или Lato . Пишите код и вставляете его в элемент HTML-документа . Все готово, чтобы ссылаться на него в CSS ! Весь Процесс занял не более 60 секунд. Причем все совершенно бесплатно.
Что же может быть не так?
Какой-то шрифт может быть доступен не для всех. А это означает, что могут проблемы. Вы довольны тем, что выбрали красивый шрифт для сайта, а посетитель веб-страницы видит вместо него безобразную писанину.
Такого не случится, если реализовать резервный вариант.
Насколько важно применение безопасных веб-шрифтов?
У каждого устройства есть собственный набор предустановленных шрифтов. Какой именно, зависит от операционной системы. Беда в том, что между ними есть небольшие различия.
А сайты? Например, этот? Шрифт, который видите вы, может быть вовсе не тем, который изначально прописан для сайта.
Что это значит? Допустим, что дизайнер выбрал для сайта какое-то семейство платных шрифтов. Если у вас они не установлены и не предоставляется специальным веб-сервисом, то шрифт, который вы видите , - один из стандартных вариантов. Например, Times New Roman .
Поэтому как на вашем экране текст может выглядеть просто ужасно.
А вот стандартные шрифты для сайта есть во всех операционных системах. Это небольшая коллекция, доступная в Windows , Mac , Google , а также Unix и Linux .
С помощью этой подборки дизайнеры, а также владельцы сайтов могут указать, какой именно шрифт следует применить в качестве резервного . Таким образом, появляется возможность контроля над тем, как будет выглядеть страница на разных устройствах.
В качестве запасного варианта разработчик подбирает шрифт, очень похожий на оригинальный, и именно он будет продемонстрирован пользователю.
Взглянем на подборку самых популярных стандартных шрифтов HTML .
15 лучших безопасных веб-шрифтов
Arial
Считается стандартным в большинстве случаев. Самый распространенный из шрифтов «sans serif » или рубленых шрифтов (у которых нет засечек на кончиках букв ). Его часто используют в Windows для замены других литер.
Helvetica
Helvetica - палочка-выручалочка для дизайнеров. Этот стандартный веб шрифт работает практически всегда (по крайней мере, в качестве подстраховки для других шрифтов ).
Times New Roman
Выполняет ту же роль для шрифтов с засечками, что и Arial для тех, что без засечек. Он является одним из самых популярных на Windows-устройствах . Это обновленная версия старого шрифта Times .
Times
CSS стандартный шрифт Times знаком большинству. Многим он запомнился по маленьким буквам в узких колонках старых газет. Самый обычный, ставший традицией, вид печати.
Courier New
Похож на Times New Roman и применяется в качестве разновидности старой классики. Он также считается моноширинным шрифтом. В отличие от шрифтов с засечками и без, все его знаки имеют одинаковую ширину.
Courier
Старый шрифт фиксированной ширины, который используется в качестве резервного почти на всех устройствах и операционных системах.
Verdana
Verdana может по праву считаться истинным веб-шрифтом (true web font ) благодаря простым линиям, выступающим в роли засечек, а также большому размеру. Его буквы слегка вытянуты, поэтому легко читаются на экране.
Georgia
Стандартный web шрифт Georgia формой и размером напоминает шрифт Verdana . Его знаки больше, чем у других шрифтов того же размера. Но лучше не применять его в паре с другими. Тот же Times New Roman , по сравнению с ним выглядит словно карлик.
Palatino
Palatino относится к эпохе ренессанса. Никаких шуток . Это еще один крупный шрифт, который идеально подходит для интернета. Обычно он используется в заголовках и рекламе.
Garamond
Еще один старинный шрифт, который появился еще в 16 веке в Париже . Его новая и улучшенная версия входит в комплект стандартных в большинстве Windows-устройств . Позже данный шрифт был взят на вооружение и другими операционными системами.
Bookman
Bookman (или Bookman Old Style ) - один из лучших стандартных шрифтов для заголовков. Его характерная черта - удобочитаемость даже при использовании маленького размера.
Comic Sans MS
Comic Sans MS - забавная альтернатива для шрифтов с засечками.
Trebuchet MS
Это шрифт средневековой тематики, изначально разработанный корпорацией Microsoft в середине девяностых годов. Он применялся в Windows XP . Сегодня с его помощью составляют основной текст.
Дата введения 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. Шрифт типа А с наклоном приведен на черт. 53.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)
Под таким понятием, как «шрифт », понимается графическое изображение таких элементов чертежей, как буквы и цифры. Это слово имеет немецкое происхождение и в дословном переводе означает почерк или надпись, а также, то его значение, которое обычно используется в обиходе.
Нормами и правилами составления технических документов и их оформления установлено, что на них должен использоваться только тот шрифт, который имеет некие стандартные размеры. Его отличительными чертами являются строгость и четкость, которые должны быть такими, чтобы не затруднять читаемость. Очертания технических шрифтов всегда прямые, и поэтому они относятся к тому их классу, который не предполагают наличия каких-либо засечек, и во многом по этой причине наиболее удобны для зрительного восприятия и чтения. Нанесение технического шрифта производится таким образом, чтобы по отношению к основанию строки он располагался под углом около 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 |
Графическое представление букв и других знаков называется шрифтом. Все вместе они представляют собой единую стилистическую и композиционную систему, которая предназначена для того, чтобы отображать информацию визуально.
Выражаясь более простым языком, шрифтом является такой набор цифр, букв и специальных символов, которые единообразны с точки зрения стилистики и выполняются со строгим соблюдением пропорций между их размерами.
Такие параметры, как размер (кегль), ширина (широкая, узкая, нормальная), насыщенность (жирная, полужирная, светлая), начертание (курсивное, прямое) являются основными характеристиками шрифтов.
К дополнительным характеристикам шрифтом относятся удобочитаемость, емкость, контраст, различимость и четкость. Они также имею немаловажное значение.
ГОСТ 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
Изменение N 2 принято Межгосударственным советом по стандартизации, метрологии и сертификации по переписке (протокол N 23 от 28 февраля 2006 г.)
За принятие изменения проголосовали национальные органы по стандартизации следующих государств: AZ, AM, BY, KZ, KG, MD, RU, TJ, TM, UZ, UA [коды альфа-2 по МК (ИСО 3166) 004 ]
3. (Исключен, Изм. N 2).
4. ВЗАМЕН ГОСТ 2.304-68
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