Вот и наступило время, когда подавляющее большинство браузеров (а именно IE7+, Firefox 3.5+, Opera 10+, Safari 3.2+, Chrome) может правильно понимать и подгружать нестандартные шрифты для сайта с заданного адреса. Сделать это можно с помощью чудо css-свойства @font-face. Объявить шрифт можно так:
@font-face {
font-family: 'Имя шрифта';
src: url('путь до шрифта');
}
А для использования нужно просто указать имя шрифта в нужном блоке или body.
Так как каждый из браузеров использует это свойство с определенным форматом шрифта, то лучше подгружать шрифт в четырёх следующих форматах: EOT, WOFF, TTF, SVG.
Выглядеть это будет вот-так:
@font-face {
font-family: 'Myriad Pro';
src: url('myriad.eot');
src: local('☺'),
url('myriad.woff') format('woff'),
url('myriad.ttf') format('truetype'),
url('myriad.svg#myriadE40g3tc3') format('svg');
font-weight: normal;
font-style: normal;
}
А для облегчения жизни веб-технологам правильные пацаны придумали и сделали сервис Font Squirrel (Шрифтовая белка, хехе: ) с генератором шрифтов. Так что пользуйтесь разными шрифтами. Уже можно.