Закрыть   X

  •    
  •    
Печать

@font-face

Автор: Алексей Елизаров.

CSS свойство @font-face

Поддержка браузеров

Internet Explorer поддерживает шрифты только с расширением '.eot'.
Firefox, Chrome, Safari, и Opera поддерживают расширения '.ttf' и '.otf'.

Описание

Правило @font-face позволяет использовать на странице любой понравившийся шрифт, а не только ограниченный набор "безопасных-веб-шрифтов". Пользователи, зайдя на страницу, увидят используемый вами шрифт даже, если данного шрифта нет у них на компьютере.

Создайте правило font-face присвоив шрифту имя:

  • font-family: myFont;

Подключите файл со шрифтом, указав путь до него:

  • src: url("Sansation_Light.ttf");

Теперь шрифт готов к использованию.

Значение по умолчанию: не определено
Наследуется: да
Версия: CSS1
Синтаксис JavaScript: object.style.font="italic small-caps bold 12px arial,sans-serif"


Значения свойства

Свойство Значение Описание
font-family имя Определяет название шрифта(обязательный параметр).
src url Определяет путь к файлу шрифта, который будет использоваться(обязательный параметр).
font-stretch normal
condensed
ultra-condensed
extra-condensed
semi-condensed
expanded
semi-expanded
extra-expanded
ultra-expanded
Указывает, как должен растягиваться шрифт(необязательный параметр). Значение по умолчанию - normal.
font-style normal
italic
oblique
Определяет стиль для шрифта(необязательный параметр). Значение по умолчанию - normal.
font-weight normal
bold
100
200
300
400
500
600
700
800
900
Определяет толщину шрифта(необязательный параметр). Значение по умолчанию - normal.
unicode-range unicode-диапазон Определяет диапазон поддерживаемых unicode символов(необязательный параметр). Значение по умолчанию - "U+0-10FFFF".

@font-face{
font-family: Comfortaa;
src: url('Comfortaa.ttf')
,url('Comfortaa.eot'); /* IE */
}

div{
font-family:Comfortaa;
}


 


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки