Font behaving different in browser
The same font family with the same size, and same height but renders different, one is in Figma, and second is in the browser
5 Replies
that is not the same font
i think that figma uses fonts from google fonts
--ff-DD-display: "DM Serif Display", serif;
--ff-DM-sans: "DM Sans", serif;
Bro that is the same font i rechecked it
try downloading the correct font from there and see if it changes
so?
if the file doesnt load, it falls to serif
oh, i have to download it
you should self-host google fonts
but i am 100% sure that that is not the same font, between both images
the left one had non-serif, the right one is serif
the name, on the left one, has a very tall E, while on the right it is the same height for all the letters
and the serif is different the thickness is different
by the way, different font versions may look different too
and differences in font rendering in the canvas and in the html can cause some small differences too
but i can confidently say that the fonts are completely different, like not even close enough to justify being a rendering issue