Pull to refresh

Проблема подключения локальных шрифтов через @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
Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.