Войти на сайт
Регистрация
Обратная связьНаш магазинБлог администрации
Российская школа CSS - Справочник CSS, уроки CSS, jQuery
Оптимизатор CSS Конструктор CSS
Российская школа CSS » Справочник CSS » Глава 1. Стили для шрифта
Не нравится(-) 49 Нравится(+)
Глава 1. Стили для шрифта

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

font-family – определяет название шрифта, используемого в данном элементе.
Используется так:
font-family: ”Название шрифта”
Также в значениях атрибута может использоваться название семейства шрифтов:

  • cursive

  • fantasy

  • monospace

  • san-serif

  • serif



Примеры:
Для примера, возьмём задание шрифта Arial:
font-family: Arial;

Если название шрифта состоит из нескольких слов, то его необходимо взять в кавычки, например:
font-family: ”Arial Black”;

Задание нескольких шрифтов:
font-family: Tahoma, Arial, Sans-Serif;


Совместимость:
Поддерживается Internet Explorer начиная с версии 3.02.

-------------------------------------------------------------------------

font-size - задает размер используемого шрифта. Задание данного атрибута возможно, как определённым размером (в пунктах, или пикселях), так и относительным размером (в процентах).
Также допустимо использование определённых значений:

  • smaller

  • xx-small

  • x-small

  • small

  • medium

  • large

  • x-large

  • xx-large

  • larger



Примеры:
Задание шрифта размером 20 пикселей:
font-size: 20px;

Задание шрифта размером 20 пунктов:
font-size: 20pt;

Задание шрифта размером 20 процентов:
font-size: 20%;

Задание шрифта с определённым значением размера:
font-size: medium;


Совместимость:
Поддерживается Internet Explorer начиная с версии 3.02.

-------------------------------------------------------------------------

font-weight - задает полужирное начертание шрифта.
Допустимы три способа задачи полужирного начертания. Есть 4 определённых значения:

  • lighter – светлее (тоньше)

  • normal - нормальное начертание

  • bold – полужирное начертание

  • bolder - жирнее


Также полужирное начертание может быть задано коэффициентом, кратным 100 и не больщем 900. Коэффициент нормального начертания - 400, а полужирного – 700.

Примеры:
Задание полужирного начертания:
font-weight: bold;

Задание полужирного начертания через коэффициент:
font-weight: 700;


Совместимость:
Частично поддерживается Internet Explorer начиная с версии 3.02, полностью - с версии 4.0.

-------------------------------------------------------------------------

font-style – задает прочие начертания шрифта. Задаётся только определёнными значениями:

  • normal – нормальное начертание шрифта

  • italic – курсивное начертание шрифта

  • obligue – наклонное начертание шрифта (в IE отображается курсивом)



Примеры:
Задание курсивного начертания:
font-style: italic;


Совместимость:
Поддерживается Internet Explorer начиная с версии 3.02.

-------------------------------------------------------------------------

font-variant - задает вид букв шрифта. Задаётся только определёнными значениями:

  • normal – нормальное начертание букв

  • small-caps – Делает все буквы заглавными, не увеличивая их размер



Примеры:
Задание small-caps начертания букв:
font-variant: small-caps;


Совместимость:
Поддерживается Internet Explorer начиная с версии 4.0.


-----------------------------------
Правила копирования материалов статьи
Вернуться к содержанию


Уважаемый посетитель Российской школы CSS! Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Спасибо за внимание!



---------------------------------------
---------------------------------------

Похожие публикации

Публикацию посмотрели 9850 раз(а) и написали 6 комментариев.
Подписаться на канал RSS Добавить сайт в закладки

«    Декабрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
© 2008-2017 Copyright, Российская школа CSS. CSS-School.RU. Все права защищены.
Designed by GZ Design, OniX © 2010 - 2017
Valid XHTML 1.0 Transitional Правильный CSS!