Учебник CSS

Глава 3 - Свойства шрифта

  • font-family
    Атрибут определяет тип шрифта по следующим элементам:
    • Название шрифта.
      Синтаксис: селектор {font-family: Times}
    • Дополнительные шрифты. На случай, если какой-нибудь из шрифтов не установлен.
      Синтаксис: селектор {font-family: times,garamond,arial,hevletica}
    • Название семейства шрифтов.
      Serif-с засечками, Sans Serif- без засечек, Cursive- курсивные, Fantasy- декоративные, Monospace- моноширинные.
      Синтаксис: селектор {font-family: Serif}

  • font-size
    Атрибут определяет размер шрифта при помощи одной из размерностей:
    • Пункты.
      Синтаксис: селектор {font-size: 12pt}
    • Дюймы.
      Синтаксис: селектор {font-size: 12in}
    • Сантиметры.
      Синтаксис: селектор {font-size: 12cm}
    • Пиксели.
      Синтаксис: селектор {font-size: 12px}
    • Проценты.
      Синтаксис: селектор {font-size: 50%}
    • Абсолют.
      Синтаксис: селектор {font-size: small}
      Может принимать значения:
      • xx-small
      • x-small
      • small
      • medium
      • large
      • x-large
      • xx-large

  • font-style
    Атрибут определяет стиль начертания шрифта.
    Синтаксис: селектор {font-style: italic}
    Может принимать значения:
    • italic
    • normal
    • oblique

  • font-variant
    Атрибут определяет размер начертания шрифта.
    Синтаксис: селектор {font-variant: normal}
    Может принимать значения:
    • small-caps
    • normal

  • font-weight
    Атрибут определяет насыщенность начертания шрифта.
    Синтаксис: селектор {font-weight: насыщенность}
    Может принимать значения:
    • normal.
      Синтаксис: селектор {font-weight:normal}
    • bold.
      Синтаксис: селектор {font-weight:bold}
    • число. Задается в пределах от 100 до 900.
      Синтаксис: селектор {font-weight:700}
    • Очень светлый.
      Синтаксис: селектор {font-weight:extra-light}
    • Средне-светлый.
      Синтаксис: селектор {font-weight:demi-light}
    • Светлый.
      Синтаксис: селектор {font-weight: light}
    • Средний.
      Синтаксис: селектор {font-weight: medium}
    • Очень жирный.
      Синтаксис: селектор {font-weight: extra-bold}
    • Средн-жирный.
      Синтаксис: селектор {font-weight: demi-bold}
    • Жирный.
      Синтаксис: селектор {font-weight: bold}

  • font-face
    Атрибут определяет загружаемый шрифт c расширением .eot, используется для того, чтобы обеспечить правильное оформление документа, поскольку, если в системе пользователя нет нужного шрифта, броузер использует шрифт по-умолчанию, а это не всегда приемлемо.
    @font-face { font-family: имя; src: URL(http://domen.ru/путь/file.eot)}


переподготовка и повышение квалификации в петербурге | Тренинговые решения для банков - тренинги семинары