Я помогаю моей сестре конвертировать веб-сайт, который кто-то сделал для нее во флеше в html.@ font-face декларация в css не работает

Они используют причудливые шрифты во флеше, которые я пытаюсь определить в файле css через @ font-face. Я попытался открыть страницу в firefox, IE и chrome, но нигде я не вижу подходящего шрифта.

В декларации, которую я использую:

@font-face { 
    font-family: "VAG Rounded"; 
    src: url("http://judith.huinink.net/chilax/VAGROUNL.OTF"); 
}

http://judith.huinink.net/chilax/index.htm содержит HTML.

http://judith.huinink.net/chilax/chilax.css содержит полный css.

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

источник

2009-02-18 Jeroen Huinink

Это работает для меня (Safari 3.2.1/Mac). – Gumbo

Update

В прошлом году поддержка браузера для шрифтов улучшилось, а резко. Я бы предложил прочитать Tim Brown's excellent article on the subject, в котором подробно описывается, как получить веб-шрифты, работающие в большинстве современных браузеров.

Оригинальный ответ

В реалистичных условиях, @font-face полностью непригодным для использования прямо сейчас. Поддерживаются только два браузера - Internet Explorer для Windows, версия 5 или выше и Safari 3.1.

Хуже того, IE и Safari не поддерживают одинаковые форматы шрифтов. IE поддерживает только EOT, тогда как Safari вместо этого поддерживает более распространенные форматы TrueType (.ttf) и OpenType (.otf).

источник

2009-02-18 19:49:56

@ font-face теперь поддерживается IE, Firefox, Safari, Chrome и Opera –

Ну, этот вопрос задавали год назад. :-) –

Вот почему это полезный комментарий! –

http://www.css3.info/preview/web-fonts-with-font-face/

источник

2009-02-18 19:43:44 Scott

Почти нет браузеры поддерживают @ шрифта лице: When can I use...

источник

2009-02-18 19:45:31

приятный ресурс, спасибо! – montrealist

Этот anser некорректен, почти все браузеры поддерживают шрифт –

Заканчивать все популярные sIFR или без вспышки зависимости, typeface.js

источник

2009-02-23 14:21:01 garrow

Как использовать @ шрифт лица во всех браузерах, которые поддерживают его: в Jon Tangerine's blog

ttf2eot хорошего шрифта конвертер для Unix и Windows, поэтому вам не нужно использовать ужасный старый Microsoft WEFT. Он преобразует весь шрифт, а не только некоторые символы.

Here's javascript для использования с sIFR, который отключает браузер sIFR для @ font-face.

Вспышка должна умереть, поэтому вот еще одна альтернатива sIFR: facelift. Это серверный скрипт, который генерирует изображения.

Проблема с заменой sIFR afaik заключается в том, что выбор и копирование текста на самом деле не работает - вы либо не видите выбор, либо невозможно выбрать меньшее слово или строку. Там также Cufón, который использует < холст >, поэтому он работает только в новых браузерах, большинство из которых имеют @ font-face в любом случае.

Правильная вещь, используйте современную технологию: @ font-face с TTF или OTF и резервные копии для IE и старых браузеров. Желательно, чтобы ваш HTML был чистым и реализовал эти резервные копии в отдельных файлах javascript и CSS. Для IE вам может потребоваться использовать «условные комментарии», как описано в моей первой ссылке выше. Для браузеров с отключенным javascript всегда указывайте список заменяющих шрифтов с веб-безопасными шрифтами в конце.

источник

2009-05-16 14:38:56