26, Июль 2010   8:50

Вот и наступило время, когда подавляющее большинство браузеров (а именно 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 (Шрифтовая белка, хехе: ) с генератором шрифтов. Так что пользуйтесь разными шрифтами. Уже можно.

Май 2012
Пн Вт Ср Чт Пт Сб Вс
« Апр    
 123456
78910111213
14151617181920
21222324252627
28293031