S
S
Sergey2019-04-01 13:05:52
css
Sergey, 2019-04-01 13:05:52

Why does the font appear bolder on mac?

Downloaded FiraSans font via google fonts. On a Mac, it appears bolder than it is. Connected in two different ways - nothing changes.
What could be the problem? And how to fix it with css? Correcting poppy and browser settings is not an option, tested on different poppies
How it turns out on the page
5ca1e1fd468f3505213594.png
How there should be
5ca1e1c1686c0345417215.png
1 connection option

<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">

2 connection option
@font-face {
  font-family: "Fira sans";
  src: url("../fonts/FiraSans/FiraSans-SemiBold.woff2") format("woff2"),
       url("../fonts/FiraSans/FiraSans-SemiBold.woff") format("woff"),
       url("../fonts/FiraSans/FiraSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}

Font styles
font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;

Answer the question

In order to leave comments, you need to log in

2 answer(s)
C
Cr2ed, 2019-04-01
@DaveGarrow

Here is a description of the problem and how to solve it. Maybe it will help

A
Anubis, 2019-04-01
@Anubis

Windows and Axis have a different approach to font smoothing. So maybe not "on a poppy it's thicker than it is", but "on Windows it's thinner than it is";)

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question