Copy link to clipboard
Copied
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;
Copy link to clipboard
Copied
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.