@font-face

Оновлено: 15.12.2022

@font-face

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

Синтаксис

@font-face { властивості шрифту }

Значення

Усередині конструкції @font-face може міститися набір властивостей для зміни параметрів шрифту (font-family, font-size, font-style тощо), а також посилання на шрифтовий файл. Посилання записується у вигляді src: url(<адреса>), де <адреса> - відносний або абсолютний шлях до файлу.

Приклад

Примітка

Браузер Internet Explorer до версії 9 підтримує тільки шрифти формату EOT (Embedded OpenType).


Opera в деяких випадках може не показувати на веб-сторінці текст обраним шрифтом, замінюючи його стандартним. Причому для локальних документів усе працює коректно. Це відбувається в тих випадках, коли ім'я користувача в Windows написано кирилицею.

Браузери

@font-face

Переглянути сумісність з Can I use?

@font-face