Не отображается шрифт на мобильных устройствах?

Question

[Алексей Кашкабаш]

Собрал сайт на WP с использованием Greenshift. Тема соответствующая для данного конструктора. Загрузил шрифт Gilroy, при отображении в браузерах шрифт корректен. Когда заходишь со смартфона на обеих операционных системах шрифт не отображается. Помогите исправить данную проблему?

Comments

[Александр Торопов]

Как подключали шрифт?

Answer 1

[Пума Тайланд]

Gilroy нужен в woff2 — залей через transfonter.org и добавь в Greenshift → Local fonts. Заодно проверь mixed content: если сайт на https, а шрифт грузится по http — на мобилках будет молчать.

Comments

[Алексей Кашкабаш]

Спасибо за ответ. Файл шрифта загрузил в формате woff2, а вот при проверке mixed content действительно выдал, что Mixed Content: The page at 'https://beauty-contest.ru/' was loaded over HTTPS, but requested an insecure font 'beauty-contest.ru/wp-content/uploads/GreenShift/fo...'. This request has been blocked; the content must be served over HTTPS.
Как это исправить?

[Пума Тайланд]

В Greenshift закешировался http-урл — зайди в Local Fonts и пересохрани шрифт. Или Better Search Replace: заменяй beauty-contest.ru на https:// по всей БД, 2 клика.

[Алексей Кашкабаш]

Спасибо огромное. Я так понимаю в левой части я пишу beauty-contest.ru и меняю на https://beauty-contest.ru????

[Алексей Кашкабаш]

Друзья. Разобрался. Очень приятно что еще есть люди которые действительно помогают. Мира всем!!!!!

[Пума Тайланд]

да, всё правильно понял — рад что получилось)