Меню
» Шаблоны
» Скрипты
» Иконки
» Анимация
» Фоны
» Учебник HTML
» Учебник CSS
» Учебник JAVASCRIPT
» Создание сайта
» Оптимизация сайта
» Размещение сайта
» Раскрутка сайта

Справочник по CSS

Атрибуты шрифта

font-family

Этот атрибут позволяет установить шрифт элемента. В списке, разделенном пробелами, можно указать один либо несколько шрифтов (или, как принято говорить, семейств шрифтов). Такое семейство может состоять из нескольких определений шрифтов. Например, Helvetica — это семейство шрифта, но к нему принадлежат несколько шрифтов, включая специальные для полужирных и курсивных литер Helvetica. После того, как вы назовете несколько семейств шрифтов, броузер обращается в операционную систему пользователя и ищет в ней первый указанный шрифт. Если его нет, броузер переходит ко второму семейству шрифтов и определяет, имеется ли в системе пользователя этот шрифт. Поэтому необходимо перечислять шрифты в таком порядке: от наиболее редких к наиболее распространенным. Например, если ваш список шрифтов включает Arial, Bad Girl и Avenir Black, перечислите их в последовательности: Bad Girl, Avenir Black и Arial.

Синтаксис

font-family:fontFamily1 fontFamily2 ...

Значения

В список можно внести любой шрифт, разделив имена шрифтов пробелами. Если в самом имени используются два или несколько слов, оно должно быть заключено в двойные кавычки. К универсальным именам семейств шрифтов относятся serif | sans-serif | cursive | fantasy | monospace.

Примеры

P{font-family:"Bad Girl" "Avenir Black" arial sans-serif;}

font-size

Атрибут, определяющий размер шрифта. Размер может быть указан одним из нескольких способов: с помощью единицы длины (9pt, 12pt, 2em), указанием абсолютных размеров (x-small, large), указанием относительных размеров словесно либо в процентах (larger, smaller, 75%, 150%). Поскольку В системах Macintosh и Windows словесные обозначения размеров трактуются по-разному, рекомендуем использовать только обозначения в пунктах. Это все равно не обеспечит получение абсолютно одинаковых размеров шрифтов на обеих платформах, но большего соответствия добиться просто невозможно.

Синтаксис

font-size:length | absoluteSize | relativeSize | percentage

Значения

Для ознакомления со всеми опциями измерения длины см. раздел "Единицы измерения" в приложении. Существует много опций, но мы рекомендуем применять только значения длины length в пунктах, если у вас нет важных причин их не использовать. Абсолютными размерами absoluteSize являются xx-small | x-small | small | medium | large | x-large | xx-large. К относительным размерам relativeSize относятся smaller | larger. Для обозначения размеров в процентах percentage используйте просто число и знак процента (%).

Примеры

P{font-size:larger;}
H1{font-size:24pt;}
B{font-size:x-large;}
I{font-size:150%;}

font-style

Этот атрибут позволяет выводить шрифты курсивом (italic). Формально другими опциями являются normal и oblique (наклонный), но oblique не работает в броузерах Netscape и IE, и при использовании данной опции они показывают шрифт как курсивный.

Синтаксис

font-style: style

Значения

Можно использовать значения normal | italic | oblique.

Примеры

EM{font-style:italic;}

font-weight

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

Синтаксис

font-weight: weight

Значения

К допустимым относительным значениям веса weight относятся bold | bolder | lighter | normal. Можно использовать также числа, начиная от 100 и заканчивая 900 (с шагом в 100). Значения 400 или 500 (в зависимости от шрифта) дают нормальное начертание, а шрифт с весом 700 обычно воспринимается как полужирный. Эти числа в большей степени применимы для печати страницы на принтере и в настоящее время не нужны для Web-дизайнеров.

Примеры

B{font-weight:bold;}
I{font-style:italic;font-weight:lighter;}

© Leonardo-studio 2006
Hosted by uCoz