css @font-face не рендеринг в Firefox

, несмотря на правильно в Google Chrome и Internet Explorer, правило CSS @font-face работает в Firefox. Хотя код @font-face кажется действительным, проблема, по-видимому, является специфической для Firefox. Устранение неполадок в этом расхождении требует понимания конфигурации и настроек в Firefox.

] локальный файл URI Policy

Firefox использует строгую политику, касающуюся источников URI (файл: ///), который может препятствовать загрузке локальных ресурсов. Чтобы решить эту проблему, перейдите к «About: Config» в адресной строке Firefox, фильтровали «fileuri» и переключите предпочтение «Security.fileuri.strict_origin_policy» false. Это позволяет Firefox вести себя так же, как и другие браузеры при обращении с ресурсами локального шрифта.

перекрестные проблемы

, если сайт опубликован и проблема сохраняется, может быть необходимо рассмотреть потенциальную проблему междоменного. Несмотря на то, что относительные пути указаны в коде, рекомендуется добавление дополнительного заголовка в файле .htaccess:

    
        Header set Access-Control-Allow-Origin "*"
    

Этот заголовок должен предотвратить любые потенциальные ограничения по перекрестному домену. Кроме того, можно использовать кодирование Base64 для шрифта шрифта, что также может решить проблему.