Справочник по CSS : Тематический указатель : Правила : @font-face
Материал из Справочник Web-языков
Разработка и внедрение CRM-систем | |||||||
|
Содержание |
Правило @font-face
Задает шрифт, встраиваемый в html-документ.
Синтаксис
HTML | @font-face { sFontDescription } |
Скрипты | N/A |
Используемые значения
- sCharacterSet
- Строковое значение, которое может определять и принимать одно из следующих значений:
font-family:fontFamilyName Любое из диапазона возможных значений цвета, доступных для свойства fontFamily. src:url(sURL) Путь до внешнего файла со шрифтом. URL может быть и относительным, и абсолютным.
Замечания
У правила @font-face нет значения по умолчанию.
Необходимость использования данного правила обусловлена тем, что иногда на компьютере конечного пользователя может не быть шрифтов, которые используются на сайте. В этом случае, информация может предстать в менее красивом виде. Чтобы не допустить этого, при использовании специфических шрифтов можно выгрузить их на сайт и использовать правило @font-face, чтобы информация отображалась именно так, как вы задумали.
Примеры
В примере показано как применяется правило @font-face для использования на web-сайте шрифта из файла, расположенного на другом web-сайте.
<html> <head> <style type="text/css"> @font-face { font-family:comic; src:url(https://valid_url/some_font_file.eot); } </style> </head> <body> <p style="font-family: comic; font-size: 18pt">В этом параграфе использован шрифт, описанный выше в правиле @font-face. Правило обращается к файлу OpenType, чтобы использовать шрифт Comic Sans. </p> </body> </html>
Стандарты
Это правило определено в CSS 3
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms530757(VS.85).aspx