Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Правило @font-face

.

Правило @font-face

©font-face относится к правилам CSS, таким, как @media, @ import, @page и только что изученное @ keyframes. Они служат для инкапсулирования сразу нескольких инструкций, которые потом будут обработаны браузерным процессором стилей CSS. Правило @ font face позволяет нам указывать любые шрифты, которые мы хотим объявить в блоке деклараций.

Чтобы включить шрифты, используя правило @f ont-f асе, вам необходимо:

1. Загрузить на сервер шрифты в нескольких файловых форматах, чтобы обеспечить поддержку всех браузеров.

2. Поименовать, описать и создать связь с этим шрифтом в правиле @font-fасе.

3. Включить название шрифта в значение свойства f ont-f ami 1 у, так же как мы делаем для системных шрифтов.

Вы уже знаете, как загружать файлы на сервер, так что нам остается лишь обсудить в следующем разделе детали различных файловых форматов. Пока же мы сконцентрируемся на втором и третьем шагах в этой последовательности, чтобы вы лучше поняли синтаксис @f ont-f асе.

Вот пример блока @f ont-f асе:

Правило @font-face

Параметры font-family и source обязательные, a weight и style — опциональные. Вы должны включать отдельное правило @font-face для каждого шрифта, который вы собираетесь использовать на сайте. Вам также понадобится отдельное правило для каждого варианта шрифта — стандартного начертания, тонкого, полужирного, курсива и т. д. В HTML5 Herald будут использоваться два внедренных шрифта, поэтому мы включаем два блока @ font-face:

Правило @font-face

Параметр font-family правила @font-face слегка отличается от хорошо вам знакомого свойства font-family. В данном случае мы объявляем название шрифта, а не связываем шрифт с известным именем и элементом HTML.

Название может быть каким угодно — оно относится только к файлу и не обязательно должно иметь отношение к истинному названию шрифта. Конечно, для чтения и обслуживания вашего кода намного удобнее оригинальные имена шрифтов. Мы рекомендуем установить для себя определенный порядок именования файлов и постоянно его придерживаться. Для наших двух файлов мы будем использовать т.н. «горбатый регистр»:

Правило @font-face


.

Читайте так же:
Not found