Семейства шрифтов Serif, Sans serif и Monospace

Простым пользователям персонального компьютера должно быть известны такие шрифты как Times New Roman, Arial, Courier New. Это одни из самых распространенных шрифтов. Они часто используются при оформлении документов, например, в офисных программах от Microsoft - это Word, Exel и другие.

Веб-разработчикам при оформлении веб-страниц также приходится постоянно работать с различными шрифтами: например, в программе Adobe Photoshop или же в html-редакторе Dreamweaver.

Кроме упомянутых выше, существуют и другие виды шрифтов, их множество. Схожие по своим параметрам шрифты группируются и образуют так называемые семейства.

Основными семействами шрифтов являются: Serif, Sans serif, Monospace и Cursive. Рассмотрим подробнее каждое из них.



Шрифты с засечками - Семейство Serif

Шрифты семейства Serif иначе называют шрифтами с засечками. Для них характерны маленькие черточки по краям букв.

Шрифты семейства Serif являются пропорциональными шрифтами, то есть это шрифты, у которых символы не одинаковы по ширине – она меняется в зависимости от буквы. На иллюстрации вы можете это видеть.

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

К шрифтам с засечками семейства Serif относятся следующие: Times New Roman, Times, Garamond, Georgia и другие.

Шрифты без засечек - Семейство Sans serif

Шрифты семейства Sans serif это пропорциональные шрифты Serif, но без засечек. Буквы этих шрифтов состоят просто из линий. Они также хорошо читаемы, удобны для нанесения маркировок и этикеток. Применяются в сети Интернет, в рекламе и заголовках для привлечения внимания.

К шрифтам без засечек семейства Sans serif относятся следующие шрифты: Arial, Verdana, Trebuchet и другие.

Моноширинные шрифты - Семейство Monospace

Моноширинные шрифты семейства Monospace это не пропорциональные шрифты, то есть у них все буквы имеют одинаковую ширину.

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

Многие редакторы исходного текста программ по умолчанию настроены на моноширинные шрифты семейства Monospace. Например, моноширинный шрифт Courier использует Блокнот.

К шрифтам семейства Monospace относятся все не пропорциональные шрифты: Courier, Courier New, Andele Mono и другие. При этом не важно, имеют они засечки или нет.

Рукописные шрифты - Cursive

Рукописные шрифты, иначе называемые шрифты Cursive – это попытка повторить на компьютере рукописный шрифт. Они практически не используются в текстовых или веб-редакторах.

У таких шрифтов много плавных, красивых элементов, буквы часто пишутся в прописном варианте.

Один из таких шрифтов Gabriola или Cocktail Italic.

Итак, Serif, Sans serif, Monospace и Cursive это основные семейства шрифтов. Существуют и другие шрифты, не относящиеся ни к одной из перечисленных групп. Некоторые из них можно как-то классифицировать по схожим признакам, другие нет. Но уделять им внимание, пожалуй, мы не будем.

Задание шрифта для веб-страниц

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

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

Такой способ задания шрифта автоматически используется в html-редакторе Adobe Dreamweaver. Например, при работе со свойством font-family, редактор выводит окно, в котором предлагается выбрать один из перечней шрифтов с указанием их группы в конце списка.

Рассмотренные в этой статье шрифты и их семейства Serif, Sans serif, Monospace являются стандартными. Именно эти шрифты рекомендованы к использованию разработчикам сайтов, что обеспечит одинаковое отображение текста на страницах сайта во всех браузерах.