Форум Сайтостроение Веб-строительство

использование @font-face

dag
На сайте с 10.02.2007
Offline
214
dag
554

начал делать сайт, захотелось чтобы заголовки-тексты были своим шрифтом и не графика. в CSS сделал так:

@font-face {
font-family: "tf1";
src: url(http://maaya-karamel.ru/sites/all/fonts/42.otf) format("opentype");
}
@font-face {
font-family: "tf2";
src: url(http://www.maaya-karamel.ru/sites/all/fonts/42.otf) format("opentype");
}
@font-face {
font-family: "tf3";
src: url(http://maaya-karamel.ru/sites/all/fonts/42.eot) format("truetype");
}

ну и далее, там где надо выводить этим шрифтом, соответственно пишу: "font-family: "tf1", "tf2"; "tf3";".

все вроде бы работает (на работе, во всех браузерах). НО дома у меня в буке виста-американка и... IE (IE8? вот вылетело из головы), когда открываешь сайт, открывает его практически мгновенно, но без заголовков этим шрифтом... И ВИСНЕТ. даже мышкой с полминуты не пошевелить (((

я чтото делаю не так, или этот способ в принципе кривой? на сам шрифт не обращайте внимания, это первый попавшийся, для пробы...

G
На сайте с 12.04.2008
Offline
101
GSMtricks
#1

Возможно потому что пунктуация неправильная?

Вот корректно:

@font-face {

font-family: Cuprum;

src: url("fonts/Cuprum.eot") /* EOT file for IE */

}

@font-face {

font-family: Cuprum;

src: url("fonts/Cuprum.ttf") /* TTF file for CSS3 browsers */

}

И в css задаем:

font-family: Cuprum;

У меня все работает, проверял под всеми браузерами, даже IE7 - все нормально.

Продажа сайтов (/ru/forum/866932) под Amazon и AdSense
Как оптимизировать загрузку шрифтов Ускорение загрузки шрифтов на Google: как сделать статические
dag
На сайте с 10.02.2007
Offline
214
dag
#2

GSMtricks

спасибо! заработало! правда пришлось перечислить, Cuprum1 и Cuprum2, так как у Вас в примере оно не понималось файрфоксом...

G
На сайте с 12.04.2008
Offline
101
GSMtricks
#3

НУ я дал пример лишь для одного шрифта, а не нескольких. Вам лишь нужно сделать было по аналогии.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий