Как подгружать "нестандартный" шрифт

Для конвертации шрифтов я пользуюсь http://onlinefontconverter.com.
Обычно для подгрузки шрифта необходимы форматы .svg (для iPad) .otf для других браузеров.

в css сначала определяем font-face:
@font-face {
font-family: 'GeosansLight';
src: url('GeosansLight.eot');
src: local('GeosansLight'), local('GeosansLight'), url('fonts/GeosansLight.svg') format('svg'), url('fonts/GeosansLight.otf') format('opentype');
}

Можно просто так:

@font-face {

font-family: 'GeosansLight';

src: url('fonts/GeosansLight.svg') format('svg'), url('../fonts/GeosansLight.otf') format('opentype');

}

h1{

font-family: GeosansLight;

}

"src: local" - если шрифт уже установлен на компьютере пользователя, то грузить его повторно не нужно. Вообще-то можно и не проверять, а грузить сразу.