Проблема подключения локальных шрифтов через @font-face в браузере Mozilla Firefox
Invite pending
При верстке сайта может возникнуть ситуация когда подключенные через
@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
При верстке сайта локально — у себя на машине, проблема не актуальна если шрифты находиться в верхних директориях относительно файла, в котором эти шрифты подключаются.
Правило 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