html.okpython.net
HTML и CSS для начинающих

CSS :: Правило @font-face

css-правило @font-face (от англ. font faceвид шрифта) используется для загрузки на компьютер пользователя специфичного или авторского шрифта непосредственно с сервера, на котором расположен сайт.

Синтаксис

@font-face {font-family: <имя шрифта>; src: [url(<адрес>)]#;}

Значения

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

Ссылки

Примеры

CSS htmlCodes
/* Загружаем свой шрифт с сервера */
@font-face {
	font-family: my_font;
	src: url("my_fonts/font_1.ttf"),
			 url("my_fonts/font_1.eot");
}

/* 	Применяем шрифт к абзацам с атрибутом class="font_1" */
p.font_1 {
  font-family: my_font, verdana, serif;
}

Пример №1