How come fonts in Figma visually appear smaller than on a live website?

[Adam_Janowitz]

I’m working on a blog design and an 18px Georgia font is so much smaller in appearance than an 18px Georgia font on a Medium blog post.

Medium post with dev tools code

My design with same size font

It’s important to get this straight because when I hand this off to a front-end developer, I really don’t know what is going to happen to the design. So the question is if I should bump up the font size to 24px in the Figma design and then just drop in a warning to the dev to make that 18px in the code.

Thoughts?

[Gleb]

The width of the screen in Figma is 556px whereas the phone you are viewing it in is 375px so of course the font is relatively larger.

[Adam_Janowitz]

Thanks! Thoroughly embarrassed now but glad to know this now.