Основы работы с XHTML и CSS


Стили шрифта


Существует шесть параметров стиля шрифта, которые можно использовать для создания разнообразия, привлекательности или выделения в тексте на странице Web. Эти настройки свойств перечислены в таблице 4.1.

Таблица 4.1. Свойства стиля оформления шрифта

СвойствоЗначение
font-familyМожет быть именем любого системного шрифта или обобщенным именем

serif, sans-serif, cursive, monospace.

Можно определять несколько значений, в порядке предпочтения, разделяются запятой. Используется первый найденный шрифт

font-family:arial,verdana,sans-serif.

font-sizeРазмер шрифта, определяемый обычно в пунктах (pt). Если единицы измерения не заданы, используются пиксели (px)
font-styleСтиль шрифта определяется как normal, italic, oblique
font-weightНасыщенность шрифта определяется как lighter, normal, bold, bolder или значением от 100 (самый светлый) до 900 (самый насыщенный). Не все числовые значения в диапазоне распознаются браузерами.
font-variantВариант шрифта определяется как normal small-caps
fontСокращенный способ определения множества стилей шрифта с помощью задания в строгом порядке значений, разделенных пробелами: font-style, font-variant, font-weight, font-size, font-family. Если значения не задаются, они могут отсутствовать в списке: style="font:italic bold 10pt times new roman"

Любые комбинации этих стилей можно применять для любого текста на странице. Они могут быть связаны с тегом <body> для использования в документе в целом. Их можно кодировать для селектора p для применения ко всем параграфам. Они могут кодироваться как классы и работать с помощью тегов <span>, окружающих буквы, слова, фразы, предложения или другие выбранные строки текста в параграфе. Их можно применять как классы с помощью тегов <div> для блоков текста.

Свойство font-family задействуют для изменения настройки браузера по умолчанию, т.е. изменения шрифта Times New Roman. При использовании для вывода специальных стилей шрифта необычного семейства шрифтов, которое может не существовать на компьютере каждого пользователя, необходимо предоставить другие, более распространенные виды шрифтов, из которых может выбирать компьютер. Свойство font-family задает эти варианты в разделенном запятыми списке. Браузер ищет в компьютере первый подходящий вид шрифта и применяет его для вывода текста. Например, следующая таблица стилей задает стандартный стиль шрифта для страницы.

<style type="text/css"> body {font-family:helvetica, verdana, sans-serif} </style>




Начало  Назад  Вперед