15 сентября 2011 г.

Подключаем шрифт в CSS

Синтаксис подключения внешнего шрифта
@font-face {
   font-family: 'FontName';
   src: url('fontname.eot?') format('eot'),  // IE
   url('fontname.woff') format('woff'),  // For all new browsers
   url('fontname.svg#svgFontName') format('svg'); //For all browsers  
   url('fontname.ttf') format('truetype'), // For all browsers
}
Для закуски: генератор font-face http://www.fontsquirrel.com/fontface/generator
Web fonts от Google: http://www.google.com/webfonts
Редактор шрифтов FontForge http://fontforge.sourceforge.net/

По факту хватает подключения шрифта в формате ttf, для IE можно дополнительно сгенерировать eot, он занимает меньше места. Сконвертировать можно утилиткой MS WEFT http://www.microsoft.com/typography/web/embedding/weft3/download.aspx
Или программкой ttf2eot http://code.google.com/p/ttf2eot/downloads/list