Использование своего шрифта в CSS

Возникла задача - сверстать сайт как на предоставленном полиграфическом документе.
Необходимо заюзать шрифт, предоставленный дизайнерами.

Делается типа все просто - указал урл подгрузки и все, но не для IE 6, да и не для IE в принципе.
Чтобы загрузить шрифт для IE - необходимо подгружать eot файл для шрифта.
В итоге имеем:

@font-face {
font-family:Helios; /* название шрифта (задается как душе угодно) */
src: url("helios.eot") /* EOT файл для IE */
}

@font-face {  font-family:Helios;  src: url("helios.ttf") /* TTF файл шрифта для браузеров, поддерживающих CSS3 */ }
если у вас нет EOT файла, то его можно получить на основе файла шрифта на сайте http://www.kirsle.net/wizards/ttf2eot.cgi, для этого достаточно загрузить на сайт шрифт, скачать EOT файл и скопировать пример использования. 

1 комментарий:

  1. использование своих шрифтов на сайте рулит

    ОтветитьУдалить

Можете оставить свой комментарий