@font-face

11.05.2010
Как подгрузить внешний шрифт на страницу? Потерял пару часов, но разобрался в тонкостях, не все форматы EOT одинаково хороши. Вот кошерный конвертатор из TTF в EOT, также генерирует пример.

Ну а дальше пример, собственно:
 
<style>
@font-face {
 font-family: 'AmericanTypeWriter';
 src: url('american_typewriter_medium_bt.eot');
 src: local('☺'), url('american_typewriter_medium_bt.ttf') format('truetype');
}
</style>

.amertw{ font-family: 'AmericanTypeWriter', serif; }

<div class="amertw">Hello</div>
 

Работает по сути везду, IE4+, FF, Opera 10, Safari, Chrome

Добавить свой комментарий

Ваше имя

E-mail



Пожалуйста, введите символы указанные на картинке