«Единственный способ творить великие дела – это любить то, что ты делаешь»
Статьи


Простым пользователям персонального компьютера должно быть известны такие шрифты как 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, редактор выводит окно, в котором предлагается выбрать один из перечней шрифтов с указанием их группы в конце списка.

Фрагмент кода

<p style="font-family: 'Times New Roman', Times, serif;"> Шрифт Times New Roman семейства serif </p>
<p style="font-family:
Georgia, 'Times New Roman', Times, serif;"> Шрифт Georgia семейства serif </p>
<p style="font-family:
Arial, Helvetica, sans-serif;"> Шрифт Arial семейства sans-serif </p>
<p style="font-family:
Verdana, Arial, Helvetica, sans-serif;"> Шрифт Verdana семейства sans-serif </p>
<p style="font-family:
Geneva, Arial, Helvetica, sans-serif;"> Шрифт Geneva семейства sans-serif </p>
<p style="font-family:
'Courier New', Courier, monospace;"> Шрифт Courier New семейства monospace </p>

Результат

Шрифт Times New Roman семейства serif

Шрифт Georgia семейства serif

Шрифт Arial семейства sans-serif

Шрифт Verdana семейства sans-serif

Шрифт Geneva семейства sans-serif

Шрифт Courier New семейства monospace

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

Отзывы и комментарии:

Комментариев нет...

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?

Статьи по популярности

Тематические публикации

Тематические публикации