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