Съезжает изображение при предпросмотре

[Radamant]

Всем привет, я вставил на сайт картинку и сделал с нее ссылку на сторонний сайт, но при предпросмотре в mozille она съезжает в сторону и меняется шрифт номера, а в Internet explorer такого нет:



Если кто сталкивался, подскажите решение проблемы.

[Mavik]

Мозилла не знает твоего шрифта.
Кроме того у нее по другому рассчитывается толщина и размер шрифта.

[anonimus]

Проблема подключения локальных шрифтов через @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 вверх по дереву папок.

<link rel="stylesheet" type="text/css" href="../static/css/style.css" />

Это правило не позволит загружать шрифты в 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.

Обзор этой проблемы на других ресурсах:
http://www.fontsquirrel.com/forum/discu ... ox-only/p1
kb.mozillazine.org/Security.fileuri.strict_origin_policy
Верстка, @font-face, шрифт, Mozilla Firefox

Источник