Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Использование @font-face в CSS

@font-face

Последнее обновление: 25.01.2011

Правило @font-face позволяет импортировать внешний файл шрифтов в документ.

Путь к шрифту задается свойством src, псевдоним для шрифта свойством font-family.

Для загружаемого шрифта также можно определить интервалы порядковых номеров символов в таблице Unicode, в пределах которых находятся символы данного шрифта. Для этого используется CSS свойство unicode-range.

Допустимые значения

Значение по умолчанию
Применимо ко всем элементам
Наследование нет
Соответсвие версиям CSS CSS 2, CSS 2.1, CSS 3
Поддерживается браузерами
  • Internet Explorer 4 и выше
  • Firefox 3.5 и выше
  • Opera 10 и выше
  • Safari 3.2 и выше
  • Chrome 2 и выше

Пример


@font-face {
font-family:"Segoe UI";
src: url(http://site/fonts/SegoeUI.ttf);
}


Твой код:

Результат: