Задаем шрифт с помощью CSS

Пример: body {font-family: sans-serif;}.

Значения: serif, sans-serif, monospace, fantasy, cursive.

Самым простым способом указать шрифты с помощью CSS является использование пяти общих наборов шрифтов: с засечками, без засечек, моноширинного, декоративного и курсива. Эти наборы шрифтов сообщают пользовательскому агенту (браузеру, КПК, мобильному телефону и т.д.) о необходимости предоставить один из указанных типов шрифта. Общие наборы шрифтов предлагают минимальный уровень стилей шрифтов, и, как вы вскоре убедитесь, CSS предоставляет другие, более привлекательные варианты.

Шрифты с засечками (serif) имеют мелкие детали - засечки по концам элементов символа. Особенно заметны засечки в заглавных буквах. В качестве примера таких шрифтов можно привести Times, Bodoni, Garamond.

Шрифты без засечек (sans-serif) не имеют таких деталей, их внешний вид более прост. Примерами таких шрифтов могут служить Helvetica, Arial и Verdana.

Моноширинные шрифты (monospace), например Courier или Monotype, имеют равные интервалы между буквами (то есть, для i отводится столько же места, сколько и для m) и обычно используются для отображения примеров кода в книгах по программированию или для имитации текста, созданного на печатающей машинке.

Курсивные шрифты (cursive) выглядят как написанные от руки. В качестве примера можно привести Park Lane или Brush Script. Курсив идеально подходит для создания пригласительных открыток, а в Сети используется нечасто, так как в различных браузерах отображается по-разному.

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

Если вы хотите указать типовой шрифт, используйте подобное объявление:

body {font-family: sans-serif;}

В данном случае браузер предоставит Helvetica или Arial для отображения страницы либо другой выбранный по умолчанию и имеющийся на пользовательском компьютере шрифт без засечек. Такой способ является самым простым указанием шрифта. Но можно сделать это и более точно, задав семейство шрифтов, обычно именно так мы и делаем.




Rambler's Top100