Шрифты на IOS не работают

Добрый день!

Шрифт сайта не работает на IOS: http://roomax.tw1.ru/

По факту установлен: font-family: Montserrat,Calibre,Arial,sans-serif; но на IOS почему то отображает неизвестный нам шрифт, мы даже не можем его посмотреть как он называется и где подключается.

Причём это только на IOS на Android и других платформах всё норм

14 ответов
a
Фархад
Designer
#
13 октября 2020 15:22

Здравствуйте!

Мне кажется, у вас шрифт не правильно подключен. Для витрины https://balance.designmyshop.r... подключили вот таким кодом

.roboto body  {
    font-family: 'Montserrat', sans-serif;
}

и везде нормально работает. 

a
Александр Ковшов
#
13 октября 2020 17:34

Сделал так же, не помогло

a
Фархад
Designer
#
14 октября 2020 09:17

Какой шрифт вы используете? Я дам другой код. 

a
Александр Ковшов
#
14 октября 2020 11:06

Сайт: https://roomax.ru/ Шрифт: font-family: 'Montserrat', sans-serif; Дайте пожалуйста код ))

a
Фархад
Designer
#
14 октября 2020 11:55

Добавьте указанный код в файл index.html внутри тега <head>

<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">


Так же в user.css добавить

.roboto body  {
    font-family: 'Montserrat', sans-serif;
}

a
Леман Евгений
Programmer
#
14 октября 2020 11:40

Вы же понимаете, что мало просто указать шрифт, его перед этим нужно еще подключить. Иначе он отобразится только на тех устройствах, где этот шрифт установлен. Что, судя по всему, и происходит у вас. И да, подключить шрифт = +200-500КБ к весу страницы.

a
Александр Ковшов
#
14 октября 2020 11:46

Я всё понимаю, и согласен на доп вес страницы

a
Александр Ковшов
#
14 октября 2020 12:11

Прописал как вы сказали и указал в стилях, но не работает. Скрины прилагаю

a
Фархад
Designer
#
14 октября 2020 12:34

Отправьте временный доступ на почту balance@designmyshop.ru

a
Александр Ковшов
#
14 октября 2020 12:49

Отправил

a
Фархад
Designer
#
14 октября 2020 14:10

Жду ответа верстальщика. Как будет решение, дам знать. 

a
Александр Ковшов
#
14 октября 2020 14:44

Хорошо, буду ждать

a
Фархад
Designer
#
15 октября 2020 07:09

Долго ломали голову, почему же так.

Нашли ответ https://github.com/google/font...

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

Решение - использовать другой шрифт.  

p.s. Мне самому очень интересно стало и копаем дальше. Как будет решение, напишу. 

a
Фархад
Designer
#
15 октября 2020 07:28

Нашли решение но не думаю что идеальная.

Открыт файл index.html и заменить строку

<html class="roboto" lang="{if $wa->locale()}{$wa->locale()|lower|mb_substr:0:2}{else}en{/if}">

на

<html class="roboto" lang="en">

Чтобы добавить комментарий, зарегистрируйтесь или войдите