У меня есть ссылка на шрифт OpenType в файле CSS, но, похоже, он не работает в Firefox 3.5. В Сафари работает отлично. На шрифт ссылаются относительно, и он размещен на том же сервере, но в другом подкаталоге:
@font-face { font-family:'Font Name'; src:url(../fonts/Font-Name.otf) format('opentype') }
У кого-нибудь еще были проблемы с @font-face с FF3.5?
Ой!!! URL-адрес ваших шрифтов должен быть заключен в двойные кавычки --> ""
Одинарная кавычка ('') не работает в Firefox. Хотя это работает для Chrome.
https://developer.mozilla.org/index.php?title=En/CSS/%40font-face
Я не вижу параметр format().
Я не совсем уверен, какое из этих изменений устранило проблему, но вот как выглядела строка, когда проблема была устранена:
@font-face { font-family:"FontName"; src:url("../fonts/Font-Name.otf") format("opentype"); }
Я думаю, что проблема связана с одинарными кавычками в значениях. Используйте двойные кавычки.
У меня была аналогичная проблема с FireFox 5, которая оказалась из-за того, что я загружал сайт локально из файла, например, file:///. Как только я помещаю сайт на веб-сервер, работающий на моей локальной машине, например. http://localhost:8080, это сработало.
Обратите внимание, что Chrome отлично работал при загрузке из файла, и я указывал относительный путь в соответствии с принятым ответом выше.
Воспользуйтесь сервисом Font Squirrels. Это дает ваш пуленепробиваемый код и дает вам стабильные результаты. Пытаться
У меня такая же проблема. NO QUOTES исправлено: одинарные или двойные кавычки не работали с FF. Никакие кавычки также не работали с хромом - я не стал пробовать IE, потому что он использовал другой файл.
