Кадрия в рубрику HTML и CSS

Вопрос: что-то не сработало в @font-face

Прочитала http://vremenno.net/html-css/cross-browser-font-face/
Кажется, все сделала, правильно. А Опера 10(!) не ест шрифты…
Остальные браузеры съели.
Вот сайт, где это не работает: www.taijiquan-spb.ru
Помогите разобраться, пожалуйста. Где «напортачила»?
Вот, фрагмента CSS:
@font-face
{
font-family: EpsilonCTT;
src: url('tj-epsilon-webfont.eot');
src:
local(EpsilonCTT),
url('tj-epsilon-webfont.ttf') format('truetype'),
url('tj-epsilon-webfont.svg') format('svg'),
url('tj-epsilon-webfont.woff') format('woff'),
url('EpsilonCTT.otf') format('opentype');
}
шрифты лежат в том же каталоге, что и .css

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 4

Евгений
Эта бред, воспользуйтесь этим кодом.

 
/* только для Internet Explorer */
@font-face {
   font-family: Century Gothic;
   src: local("Century Gothic"),
        url(fonts/gothic-webfont.eot);
}

/* далее для всех остальных браузеров */
@font-face {
  font-family: Century Gothic;
  src: local("Century Gothic"),
       url(fonts/GOTHIC.ttf);
}
[...]
em {
	font-family: Century Gothic, arial;
	font-weight: normal;
}
#
Евгений
Кадрия
Благодарю.
Ваша запись короче и компактней.
Однако, в Опера 10 оно все также не работает....
#
Кадрия
Саша Кириллов
Кадрия, проблема не в коде, проблема в сборке оперы, которую вы используете при просмотре, видимо, она еще не поддерживает @font-face. Я только что смотрел в Opera 10.62, шрифт прекрасно подгружается на страницу.
Кадрия
А вот, у меня не подгружается, если на локальной машине нужного шрифта нет. Даже на Опера 10.62.
Ладно, подождем нового обновления Оперы, когда @font-face ТОЧНО будет работать.
Спасибо!
#
Кадрия

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a> 
function foo() { ... }
 <pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a> 
function foo() { ... }
 <pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler