How do I set different font sizes for mobile and desktop?

·Oct 14, 2026 07:25 PM(edited)·

Hi all, I've been stuck on this for a while and I can't figure it out despite google and tutorials. How do I change the fonts for mobile to be a different size than desktop? Everytime I change one, it changes both.

1 comment

· Sorted by Oldest

Webflow Support

How do I set different font sizes for mobile and desktop?

hello262

·Oct 14, 2026 07:25 PM(edited)·

Hi all, I've been stuck on this for a while and I can't figure it out despite google and tutorials. How do I change the fonts for mobile to be a different size than desktop? Everytime I change one, it changes both.

1 comment

· Sorted by Oldest

Matt J.
·
·
hello262 so thats in Figma and you wouldn't edit the mobile type sizes in that way - they are controlled with variable modes. So if you go to the left side nav in Figma and find the variables panel and then go to typography, you'll see desktop and mobile. Then in your screens, with the frame selected, you'll see those modes. If you are using a free version of Figma then none of that will show up, which is an unfortunately side-effect. Let me know if what I've said makes sense or not - happy to expand.

Matt J.
·
·
hello262 so thats in Figma and you wouldn't edit the mobile type sizes in that way - they are controlled with variable modes. So if you go to the left side nav in Figma and find the variables panel and then go to typography, you'll see desktop and mobile. Then in your screens, with the frame selected, you'll see those modes. If you are using a free version of Figma then none of that will show up, which is an unfortunately side-effect. Let me know if what I've said makes sense or not - happy to expand.