Проблема подключения локальных шрифтов через @font-face в браузере Mozilla Firefox

При верстке сайта может возникнуть ситуация когда подключенные через @font-face шрифты не подтягиваются в браузере Mozilla Firefox, но во всех остальных браузерах работают отлично.

При верстке сайта локально — у себя на машине, проблема не актуальна если шрифты находиться в верхних директориях относительно файла, в котором эти шрифты подключаются.

Правило CSS:

@font-face {
font-family: 'suzukiproheadlineregular';
src: url('../suzukiproheadline-webfont.eot');
src: url('../suzukiproheadline-webfont.eot?#iefix') format('embedded-opentype'),
url('../suzukiproheadline-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal; }

в Mozilla Firefox шрифт не подключится.

Также не будут подключаться шрифты с правильными путями в CSS, но когда сам файл CSS подключается в HTML вверх по дереву папок.

/>


Это правило не позволит загружать шрифты в Mozilla Firefox, даже если шрифты будут расположены в одной директории с файлом стилей — style.css.

Эта проблема возникает лишь при подключении шрифтовых файлов. При подключении графических файлов таких проблем не наблюдалось.

Причина этому политика безопасности браузера Mozilla Firefox.

Параметр «security.fileuri.strict_origin_policy» True (по умолчанию) в конфигурации настройки указывает что:
Локальные документы имеют доступ к другим локальным документы в том же каталоге и в подкаталогах, но не в верхних разделах. (По умолчанию)
Local documents have access to other local documents in the same directory and in subdirectories, but not directory listings. (Default)

При отключенном параметре «security.fileuri.strict_origin_policy» (False):
Локальные документы имеют доступ к другим локальным документы в том же каталоге и в подкаталогах, и в верхних разделах.
Local documents have access to all other local documents, including directory listings.

Для того чтобы изменить политику безопасности по параметру «security.fileuri.strict_origin_policy» нужно в адресной строке браузера Mozilla Firefox ввести и перейти на адрес about:config, согласиться с тем что будете осторожны, найти и изменить параметр «security.fileuri.strict_origin_policy» с True на False.

Обзор этой проблемы на других ресурсах:
www.fontsquirrel.com/forum/discussion/196/cant-use-fontface-with-relative-path-locallyfirefox-only/p1
kb.mozillazine.org/Security.fileuri.strict_origin_policy
Теги:
Верстка, @font-face, шрифт, Mozilla Firefox

Данная статья не подлежит комментированию, поскольку её автор ещё не является полноправным участником сообщества. Вы сможете связаться с автором только после того, как он получит приглашение от кого-либо из участников сообщества. До этого момента его username будет скрыт псевдонимом.