I’m building a web page’s CSS, following a video course. I downloaded the Inter font from fonts.google.com, and the download included multiple sizes for each style such as:

I’m building a web page’s CSS, following a video course. I downloaded the Inter font from fonts.google.com, and the download included multiple sizes for each style such as:

I’m building a web page’s CSS, following a video course. I downloaded the Inter font from fonts.google.com, and the download included multiple sizes for each style such as:

I used google font https://fonts.google.com/specimen/Jost
in my project.

Problem: I’m trying to get a Google variable font to work (I’m okay with the non-variable ones).

I have a weird issue. Using the Font “Be Vietnam Pro” I see that Chrome-browsers are rendering it in the “Extra Light” variant, while all Safari-Browsers (including the Safari on iOS) are rendering it in the “normal” variant.

Regardless of what font weight I specify in the header, it does not change, the only way to change it is to change the last weight in the import list. (And even this does not work if I add a weight between 600 and 900, e.g. 700.)
However the font weight in the scroll boxes changes fine.
I have no coding experience and this is baffling behavior. How can I make the font weight in the header actually work? (It does show up in Inspect Element and font size works)

Im trying to implement a special font called ‘Hagrid’ which was bought by the client here: https://www.fontspring.com/fonts/zetafonts/hagrid

Im trying to implement a special font called ‘Hagrid’ which was bought by the client here: https://www.fontspring.com/fonts/zetafonts/hagrid

I have a font (specifically Caslon) that’s not vertically centered in its bounding box.