Использование шрифтов на HTML странице @font-face

Использовать @font-face для гиперсвязи со шрифтом — очень простой метод сделать ваш сайт лучше и приятнее. В стилях можно задать имя шрифтового семейства задать стилевые характеристики и самое главное подгрузить к нему сам файл со шрифтом! Современные браузеры поддерживают данное свойство. Не переживайте что ваш сайт станет тяжелее или медленнее из-за этого, к примеру Firefox 3.5 загружает шрифты только по мере их необходимости при использовании на странице. Т.е в стилях можно указать полный набор шрифтов, из которых лишь выборочные будут загружены.

@font-face {
font-family: XFont web;
src: url('http://xfont.ru/fonts/1/5/1/15161.ttf') format("truetype");
}
body {
font-family: XFont web, Veranda, sans-serif;
}

Сервер на котором находиться сайт поддерживает отдачу шрифтов другим ресурсам, теперь можно смело брать ссылки на файлы БЕСПЛАТНЫХ шрифтов и добавлять в стили своего сайта. Не думая о том, где хранить файлы со шрифтами. Браузеры от Microsoft пока не распознают шрифты «True Type Format» и не отображают их. FireFox 3.5 и Opera10 прекрасно поддерживают!

Удачных экспериментов!
Коментарии

Plain text

CAPTCHA
Этот вопрос задается для того, чтобы выяснить, являетесь ли Вы человеком или представляете из себя автоматическую спам-рассылку.
Target Image