@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; }