Общая характеристика шрифтов

Шрифтом называется набор символов определенного алфавита (русского, английского, немецкого и т. д.), дополненных цифрами и специальными типографскими знаками (символами пунктуации, скобками и т. п.).

Основной характеристикой шрифта является гарнитура — набор начертаний всех символов шрифта. Например, так называемый готический шрифт является просто одной из гарнитур латинского шрифта.

Существует два основных типа шрифтов: шрифты с засечками по верхним и нижним концам букв (например, гарнитура Times New Roman) и без засечек (например, Arial).

Кроме этого, шрифты делятся на два класса: пропорциональные и моноширинные.

У пропорциональных шрифтов каждый символ имеет собственную ширину (сравните ширину букв r и w в гарнитуре Arial), тогда как все символы моноширинных шрифтов имеют одинаковую ширину (гарнитура Courier New).

Для того, чтобы проверить, является ли шрифт моноширинным, наберите данным шрифтом подряд 5 букв “о”, а в следующей строке — 5 букв “ш”. Если длина обеих строк одинаковая — шрифт моноширинный.

Сравните:

ооооо
шшшшш
(Courier New)

или

ооооо
шшшшш
(Times New Roman)

Таким образом, шрифт Times New Roman является пропорциональным с засечками, шрифт Arial — пропорциональным без засечек, а шрифт Courier New — моноширинным с засечками.

В рамках гарнитуры шрифты различаются шириной букв, толщиной штрихов, начертанием — прямое (англ. roman) или курсивное (англ. italic), насыщенностью — светлая или полужирная (англ. bold).

Впервые курсив в печати применил типограф Альд Мануций в конце XV века. Курсив появился как подражание начертанию документов папской канцелярии. Поскольку всё это дело происходило в Италии, то распространившийся дальше по Европе шрифт так и назвали — итальянский. Сегодня он известен как italic.

Для того, чтобы увидеть как будут выглядеть в тексте все буквы конкретной гарнитуры, применяются так называемые панграммы — специальные предложения, состоящие из всех букв алфавита. Ниже приведены панграммы на разных языках.

Русский

Аэрофотосъёмка ландшафта уже выявила земли богачей и процветающих крестьян.

Подъём с затонувшего эсминца легко бьющейся древнегреческой амфоры сопряжен с техническими трудностями.

Английский

The quick brown fox jumps over the lazy dog.
(Быстрая коричневая лиса прыгает через ленивую собаку).

Sphinx of black quartz judge my vow.
(Сфинкс из черного кварца осуждает мою клятву).

Французский

Portez ce vieux whisky au juge blond qui fume.
(Несите это старое виски на суд блондинки, которая курит).

Немецкий

Zwei Boxkaempfer jagen Eva quer durch Sylt.
(2 боксера охотятся на Еву сквозь Зюлт).

Гарнитура шрифта

Пример различных гарнитур (для панграммы, т.е. предложения, состоящего из всех букв алфавита)

А вот как выглядят те же гарнитуры, но в полужирном (<b>) начертании:

Но! Учтите, если указанного вами названия гарнитуры не окажется на компьютере у того, кто смотрит вашу веб-страницу, то будет использован шрифт по умолчанию — как правило, это гарнитура Times New Roman.

Имена гарнитур шрифтов, доступных для отображения текста у вас в браузере Internet Explorer можно посмотреть следующим образом: в главном меню Internet Explorer зайдите в пункт Сервис→Свойства обозревателя→Шрифты…→Шрифт веб-страницы. Щелкая мышкой поочередно на названиях гарнитур, вы увидите, как они выглядят.

Верхние и нижние индексы

В тексте можно задать верхние и нижние индексы с помощью команд <sup> и <sub>.
Эти команды уменьшают размер текста, располагаемого вверху или внизу от строки.

Например:

<Р>верхние индексы: X² + Y² = R²
<Р>нижние индексы: 2 H₂ + O₂ &rarr; 2 H₂O

будет выглядеть так:

Запрет разрыва строки

Поскольку браузеры в абзаце могут разрывать строки на пробеле или знаке минус, то там, где это недопустимо (например, в телефонных номерах или формулах) необходимо использовать команды <nobr> и </nobr> для запрета разрыва строки:

<nobr>Na₄₈[H_xMo₃₆₈O₁₀₃₂(H₂O)₂₄₀(SO₄)₄₈]1000Н₂О</nobr>

Комментарии

Для того чтобы в html-документ можно было вставить пояснительный текст, который будет виден только разработчику html-документа, но не будет отображаться на экране, используются комментарии:

<!-- - начало комментария

поле действия комментария

--> - конец комментария

С помощью комментариев можно также скрыть часть html-документа от вывода на экран — этот прием используется при редактировании html-документа.