Справочник по CSS : Тематический указатель : Правила : @font-face

Материал из Справочник Web-языков

Перейти к: навигация, поиск

Разработка и внедрение CRM-систем

Разработка и внедрение CRM-систем "под ключ" на базе SugarCRM. Любые задачи для любого вида бизнеса. Установка бесплатной CRM-системы бесплатно. Интеграция с существующей инфраструктурой, бухгалтерской программой, телефонией. Доработка существующих проектов. Обучение персонала.

подробнее ...

+7 (495) 646-06-27
8 (800) 555-06-28 (звонок бесплатный)
+7 (910) 9082123
evgenjekson (бесплатная переадресация на сотовый)
195938768
[email protected]

Содержание

Правило @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

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
наши проекты
смотрим также
    Rambler\'s Top100 Индекс цитирования
    смотрим также