Mobile app version of vmapp.org
Login or Join
Hamm6457569

: Moving up the typography scale from mobile to desktop I have a typography scale for mobile devices with a baseline of 23px and a base font size of 16px. I want to increase the scale and

@Hamm6457569

Posted in: #Grids #ResponsiveDesign #Typography

I have a typography scale for mobile devices with a baseline of 23px and a base font size of 16px.

I want to increase the scale and line height for tablets and then desktop but in increments that keep the scale intact. What's the formula for doing this? Are there any good/bad ways to do it?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Hamm6457569

1 Comments

Sorted by latest first Latest Oldest Best

 

@Murphy569

There is no one specific formula for this. It depends on the content, audience, desired feel, purpose, and opinion.

I recommend to make your font (and whole site) look good on small screens (~300px) including the font size. Make sure it has the feel and fulfills the purpose that you want it to. Then make the screen bigger and see if it still accomplishes the goal that you want.

There will likely be a place where it stops feeling the way you want to. Change the font size to what it needs to be at this point. Then repeat this process until you've covered all screen sizes that you're looking to create for (perhaps including large TVs with a large pixel count).

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme