Подключаемые шрифты не отображаются в Firefox15.08.2021 От: faq Из: Веб-строительство mark2011 1 мая 2020, 17:14 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 1 мая 2020, 17:37ошибки в консоли есть?попробуйте загрузить шрифты в бинарном режиме.файрфокс что-то в последнее время барагозит. Считает шрифты, загруженные в текстовом режиме, «потенциально-опасным содержимым» и не использует их. mark2011 1 мая 2020, 18:54silicoid:попробуйте загрузить шрифты в бинарном режиме.это как? можете ткнуть меня носом, где об этом почитать?silicoid:ошибки в консоли есть?вы про 404? нет, их нет. LEOnidUKG 1 мая 2020, 19:01Урл на страницу выложите. Alex Klo 1 мая 2020, 19:03может адблок мешает… у меня так было на одном сайте… давно, правда… mark2011 2 мая 2020, 07:16LEOnidUKG:Урл на страницу выложите.В смысле урл где проблема? Так это на локалке) LEOnidUKG 2 мая 2020, 09:10mark2011:В смысле урл где проблема? Так это на локалке)Выложите в сеть страницу с этими стилями, в какую-нибудь тестовую папку и проверьте. D.iK.iJ 2 мая 2020, 13:51Кеш еще почистите в браузере. Бывает всякое. 🙂Ну и ошибки в консоли посмотреть. mark2011 2 мая 2020, 18:16Ларчик просто открывался… выкладываю здесь решение на случай, если у кого-то будет аналогичная проблема и он зайдет в эту тему.1) Зайдите в Firefox: Меню — Настройки — Основные.Должны увидеть вот это:Далее нажать на кнопку «Дополнительно» (на скрине помечена).Попадаем вот сюда:Решение проблемы: галочка «Разрешить веб-сайтам использовать свои шрифты вместо установленных выше» должна быть отмечена. LEOnidUKG 2 мая 2020, 18:18Решение проблемы: галочка «Разрешить веб-сайтам использовать свои шрифты вместо установленных выше» должна быть отмечена.По умолчанию она стоит, значит кто-то её снимал 🙂 Sitealert 2 мая 2020, 19:20mark2011:Решение проблемы: галочка «Разрешить веб-сайтам использовать свои шрифты вместо установленных выше» должна быть отмечена.Это всё замечательно, но не имеет никакого отношения к тематике этого раздела. Похожие записи:Алгоритм построения самой длинной цепочки последовательности из заданных элементов Как проверить значение option у формы Использование свойств класса в другом классе Подготовленный запрос PDO написать юзая MYSQLI Пожалуйста, помогите исправить код, проблема с функцией clean и checkbox
mark2011
Всем привет!
Первый раз столкнулся с проблемой, прошу помощи.
Итак, есть файл 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
попробуйте загрузить шрифты в бинарном режиме.
это как? можете ткнуть меня носом, где об этом почитать?
ошибки в консоли есть?
вы про 404? нет, их нет.
LEOnidUKG
Урл на страницу выложите.
Alex Klo
может адблок мешает… у меня так было на одном сайте… давно, правда…
mark2011
Урл на страницу выложите.
В смысле урл где проблема? Так это на локалке)
LEOnidUKG
В смысле урл где проблема? Так это на локалке)
Выложите в сеть страницу с этими стилями, в какую-нибудь тестовую папку и проверьте.
D.iK.iJ
Кеш еще почистите в браузере. Бывает всякое. 🙂
Ну и ошибки в консоли посмотреть.
mark2011
Ларчик просто открывался… выкладываю здесь решение на случай, если у кого-то будет аналогичная проблема и он зайдет в эту тему.
1) Зайдите в Firefox: Меню — Настройки — Основные.
Должны увидеть вот это:
Далее нажать на кнопку «Дополнительно» (на скрине помечена).
Попадаем вот сюда:
Решение проблемы: галочка «Разрешить веб-сайтам использовать свои шрифты вместо установленных выше» должна быть отмечена.
LEOnidUKG
По умолчанию она стоит, значит кто-то её снимал 🙂
Sitealert
Решение проблемы: галочка «Разрешить веб-сайтам использовать свои шрифты вместо установленных выше» должна быть отмечена.
Это всё замечательно, но не имеет никакого отношения к тематике этого раздела.