Community forum for knowledge and support

Updated 8 months ago

Differences in font rendering between figma and webflow

At a glance

The community member is experiencing an issue where the fonts they use in Figma look much better and smoother than when they are used in Webflow. The community members discuss potential reasons for this, such as a weight issue, font smoothing, and differences in how fonts are rendered across different browsers and programs. While no definitive answer is provided, the community members suggest checking the font weights, using font smoothing code, and being aware that fonts may appear differently in various software and browsers.

Useful resources

Another question - I find a lot that my fonts don't look exactly the same in Figma and Webflow. In Figma they look much better and smoother, but then in Webflow not as good. Any ideas why?

A
S
E
12 comments

Which font are you using ?

Weird, it should work just the same, make sure you have the right one installed on Figma, where it should be the same one in Webflow - there could be similar name but different style

It's the same font, just the weights look different

do you see the difference?

A weight issue, make sure you’re on the right weight in Figma as you can play with that but on Webflow, you really don’t have that much detailed options 🙄 in fonts unless you use some codes

I double checked everything. It's the same

I think there's a code I can put in for font smoothing. Does anyone know what that is?

I think I see something that off. Text on a dark background is looking thicker. I think that's the issue. but I didn't have this in figma

I think fonts are rendered differently on different browsers and programs. I don’t know why or why, but I’ve had this issue before and remember reading that on forums.

Add a reply
Sign up and join the conversation on Slack