Page 131 - Сила CSS3 Освой новейший стандарт

Встраивание уникальных шрифтов • 131

src: url(fonts/raleway_thin.otf);
}
h1 {
font-family: Raleway, "HelveticaNeueLt Std Thin",
¬ "Helvetica Neue Light", "HelveticaNeue-Light",
¬ "Helvetica Neue", Helvetica, Arial, sans-serif;
}

Этот код приказывает браузеру выводить текст
внутри элемента h1, используя шрифт raleway_ Советы про составление пра-
thin.otf (рис. 3.24). Если браузер пользователя вильного стека шрифтов, а так-
не поддерживает правило @font-face или по же множество ссылок на про-
каким-то причинам не может загрузить файл веренные стеки шрифтов и
шрифта, он просматривает стек шрифтов в по- другие ресурсы вы найдете на
исках подходящего альтернативного варианта. странице http://nicewebtype.com/
Стек шрифтов — это список шрифтов, объ- notes/2009/04/23/css-font-stacks.
явленный в свойстве font-family, который
браузер пытается загрузить прямо с компьютера пользователя. Он перебирает их
в указанном порядке до тех пор, пока не находит шрифт, который сможет успешно
использовать.

Рис. 3.24. Правило @font-face позволяет отображать текст
с использованием нестандартных шрифтов

Несмотря на оптимистичное начало, вы наверняка уже догадались, что в реальном
мире дела обстоят несколько сложнее.

выБор подходящего шриФта
Одна из самых больших проблем шрифтов заключается в том, что не каждый
шрифт можно использовать на веб-страницах. С некоторыми шрифтами связаны
лицензионные ограничения, не допускающие подобного использования, а другие
просто плохо смотрятся на веб-страницах.

www.trk.kg