R
R
Rajab Magomedov2020-11-16 08:07:06
iOS
Rajab Magomedov, 2020-11-16 08:07:06

Why doesn't Montserrat (Google fonts) connect to iOs?

Hello. I connect the Montserrat font from Google fonts

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&amp;subset=cyrillic" rel="stylesheet">


I write in css
body{
    font-family: 'Montserrat', sans-serif;
}


Works everywhere, except on iOs. It works on it only if you remove the lang="ru" attribute of the html tag.

Ps The .su domain, so I don't want to remove lang="ru". How to solve this problem?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
E
Evgeny Osipov, 2020-11-23
@radhab20

The fact is, some kind of "gibberish" with Google fonts on iOS ...
I advise you to take the font from the source , upload it to the site and include it in CSS, I did this:

spoiler
/** Montserrat Light **/
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/Montserrat-Light.woff2") format("woff2"),
         url("../fonts/Montserrat-Light.woff") format("woff");
}
/** Montserrat Medium **/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/Montserrat-Medium.woff2") format("woff2"),
         url("../fonts/Montserrat-Medium.woff") format("woff");
}
/** Montserrat SemiBold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),
         url("../fonts/Montserrat-SemiBold.woff") format("woff");
}
/** Montserrat Bold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Montserrat-Bold.woff2") format("woff2"),
         url("../fonts/Montserrat-Bold.woff") format("woff");
}

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question