Подключаемые шрифты не отображаются в Firefox


mark2011
736

Всем привет!

Первый раз столкнулся с проблемой, прошу помощи.

Итак, есть файл fonts.css


@font-face {

font-family: “Lobster1.4”;

src: url(“../fonts/Lobster14.eot”); /* IE9 Compat Modes */

src: url(“../fonts/Lobster14.eot?#iefix”) format(“embedded-opentype”), /* IE6-IE8 */

url(“../fonts/Lobster14.otf”) format(“opentype”), /* Open Type Font */

url(“../fonts/Lobster14.svg”) format(“svg”), /* Legacy iOS */

url(“../fonts/Lobster14.ttf”) format(“truetype”), /* Safari, Android, iOS */

url(“../fonts/Lobster14.woff”) format(“woff”), /* Modern Browsers */

url(“../fonts/Lobster14.woff2”) format(“woff2”); /* Modern Browsers */

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: “BebasNeue Regular”;

src: url(“../fonts/BebasNeueRegular.eot”); /* IE9 Compat Modes */

src: url(“../fonts/BebasNeueRegular.eot?#iefix”) format(“embedded-opentype”), /* IE6-IE8 */

url(“../fonts/BebasNeueRegular.otf”) format(“opentype”), /* Open Type Font */

url(“../fonts/BebasNeueRegular.svg”) format(“svg”), /* Legacy iOS */

url(“../fonts/BebasNeueRegular.ttf”) format(“truetype”), /* Safari, Android, iOS */

url(“../fonts/BebasNeueRegular.woff”) format(“woff”), /* Modern Browsers */

url(“../fonts/BebasNeueRegular.woff2”) format(“woff2”); /* Modern Browsers */

font-weight: normal;

font-style: normal;

}

@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:ital@1&display=swap’);

В style.css я всё это дело подключаю:


@import url(“fonts.css”);

и далее в index.html:




<link rel=”stylesheet” href=”https://searchengines.guru/ru/forum/css/style.css”>


Всё это отлично работает в хроме, опере и ИЕ.

Но не работает в Firefox! Причём я смотрел по заголовкам – он отдает 200ОК на css/fonts.css, но вот содержимое этого файла, похоже, тупо игнорирует.

Я в шоке… новая версия браузера… как хоть так?…

PS

Статью читал, рекомендации из нее выполнил, браузер перезапустил – не помогло 🙁


silicoid

ошибки в консоли есть?

попробуйте загрузить шрифты в бинарном режиме.

файрфокс что-то в последнее время барагозит. Считает шрифты, загруженные в текстовом режиме, “потенциально-опасным содержимым” и не использует их.


mark2011

silicoid:
попробуйте загрузить шрифты в бинарном режиме.

это как? можете ткнуть меня носом, где об этом почитать?

silicoid:
ошибки в консоли есть?

вы про 404? нет, их нет.


LEOnidUKG

Урл на страницу выложите.


Alex Klo

может адблок мешает… у меня так было на одном сайте… давно, правда…


mark2011

LEOnidUKG:
Урл на страницу выложите.

В смысле урл где проблема? Так это на локалке)


LEOnidUKG

mark2011:
В смысле урл где проблема? Так это на локалке)

Выложите в сеть страницу с этими стилями, в какую-нибудь тестовую папку и проверьте.


D.iK.iJ

Кеш еще почистите в браузере. Бывает всякое. 🙂

Ну и ошибки в консоли посмотреть.


mark2011

Ларчик просто открывался… выкладываю здесь решение на случай, если у кого-то будет аналогичная проблема и он зайдет в эту тему.

1) Зайдите в Firefox: Меню – Настройки – Основные.

Должны увидеть вот это:

Подключаемые шрифты не отображаются в Firefox

Далее нажать на кнопку “Дополнительно” (на скрине помечена).

Попадаем вот сюда:

Подключаемые шрифты не отображаются в Firefox

Решение проблемы: галочка “Разрешить веб-сайтам использовать свои шрифты вместо установленных выше” должна быть отмечена.


LEOnidUKG

Решение проблемы: галочка “Разрешить веб-сайтам использовать свои шрифты вместо установленных выше” должна быть отмечена.

По умолчанию она стоит, значит кто-то её снимал 🙂


Sitealert

mark2011:
Решение проблемы: галочка “Разрешить веб-сайтам использовать свои шрифты вместо установленных выше” должна быть отмечена.

Это всё замечательно, но не имеет никакого отношения к тематике этого раздела.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *