Skip to main content
Participant
February 23, 2021
Question

Do I have add the font-weight in order to use it on web?

  • February 23, 2021
  • 1 reply
  • 256 views

Hi,

 

At work we have a client that uses Typekit. They have a font with the weights 300 (slim) and 400 (regular) at the time being. The design showcases a few places where they gone need a 600/700 (semi-bold/bold) font in that particular font. Now we can do like this and it works, but it just doesn't look right, it seems as the browser is "faking it". My questions are, do they have to add the bolder version to the "web-project collection"? And, is there any truth to my theory of the browser faking it. 

 

Thanks

font-family: 'my-font', serifs;

font-weight: 700;

This topic has been closed for replies.

1 reply

Nancy OShea
Community Expert
Community Expert
February 27, 2021

Owing to browser variation and differences in displays & end user settings, font rendering is NOT identical across all devices.  That's the nature of the web.

 

With that in mind, font-weight is not pixel perfect either.  It varies a lot by browser, platform (Win/Mac, etc...) and the pixel density of your display.

 

If your font has custom variants, it's not a bad idea to use them if it doesn't add too much excess bandwidth and negatively impact page load speed.  Consult with your web developer about that.  Nobody likes slow loading web pages.

 

Nancy O'Shea— Product User & Community Expert