Skip to main content
Solved

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?

Best answer by 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.

View original

2 replies

Gleb
  • New Participant
  • 4705 replies
  • Answer
  • May 10, 2021

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.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings