Google Montserrat Font

Question

Level 1

8 points

Google Montserrat Font

What happened to Google's Montserrat font in Safari on macOS Big Sur and iOS 14? It does not display correctly. In all other applications and other browsers, this font looks correct, but in Safari it is replaced by a font with a completely different style.

Apple Care has nothing reasonable to say about this.

iMac 27″ 5K, macOS 11.0

Posted on Dec 7, 2020 5:16 AM

Reply

Answer 1

Dec 7, 2020 6:59 AM in response to evgenyshev

So here is Montserrat Light 300 as shown in Safari 14.0.1 on Big Sur 11.0.1:

And same platform, but in Firefox 83:

You say there is a problem, but what problem is that exactly?

montserrat.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 
        p {
            font-family: 'Montserrat', sans-serf;
            font-size: 1em;
            color:navy;
        }
    </style>
</head>
<body>
    <h4>Montserrat Light 300</h4>
    <p>So what is wrong with Montserrat Light 300 text?</p>
</body>
</html>

Reply

Answer 2

dialabrain

Level 10

126,329 points

Dec 7, 2020 7:22 AM in response to evgenyshev

evgenyshev wrote:

Cyrillic (Russian) does not work as expected.

The fonts are identical on my install of Big Sur. Two screen shots. One in Safari, One in Firefox. The only difference is where the samples wrap because the windows were different sizes.

Reply

Answer 3

etresoft

Level 9

51,412 points

Dec 7, 2020 7:49 AM in response to evgenyshev

I see the same problem using your sample.

Here is Firefox:

Here is Chrome:

Here is Safari:

And here is Safari Technology Preview:

I suggest you use Feedback Assistant and file a bug report against Safari.

Reply

Answer 4

evgenyshev Author

Level 1

8 points

Dec 7, 2020 6:19 AM in response to John Galt

Apple has always (always!) Paid special attention to fonts, but the problem is it's a Safari bug. Montserrat font works correctly in Google Chrome, Mozilla FireFox, Opera Ya.Browser, etc. It is displayed incorrectly only in Safari, from which I can conclude that the developers (engineers) of Apple made a mistake, and if this font is displayed incorrectly, there are probably problems with other fonts. And the one who made them should correct mistakes. Montserrat is one of the most used fonts on the web.

Reply

Answer 5

evgenyshev Author

Level 1

8 points

Dec 7, 2020 7:07 AM in response to dialabrain

Cyrillic (Russian) does not work as expected.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 
        p {
            font-family: 'Montserrat', sans-serf;
            font-size: 1em;
            color:navy;
        }
    </style>
</head>
<body>
    <h4>Montserrat Light 300</h4>
    <p>So what is wrong with Montserrat Light 300 text? Да или нет?</p>
</body>
</html>

Reply