Variable Font Sizes

Classic General
1

Hi all, haven’t been using RW for years and had a long break between versions.

When building a site, I’m previewing via simulate and I can see the font size is way too small when simulating a larger screen like an iMac 21"-27".

I don’t want to make the font size larger as it then makes it too large for smaller screens.

Is there any way to have the font size scale in proportion to the screen size I’m trying to simulate so when I go live with the site, I can cater for a wider range of screen sizes?

2

Hi Jose,

How are you building your sites at the moment? With a RW theme or via stacks?

There are quite a few options for tailoring font sizes for different screen sizes, if you can tell us more about your current way of building a site then it helps to find the best solution for you.

Cheers,
Paul

3

Hi Paul,

I’m currently using a theme names Epicon with stacks.

4

Which version of Stacks?

5

I’m suing Stacks version 4.2.0

6

Grand, that helps a lot.

Have a look at the Scribe, Paragraph Pro, and Header Pro stacks from Big White Duck.

They are free but donations appreciated.

All these stacks can be set to use different text sizes at different breakpoints. The breakpoints can be specified by you.
The text sizes are in rems rather than pixels but quite easy to adjust to (1 rem = 16 px).
Have a play and see how you get on.

7

Thanks Paul, that’s a huge help. Very much appreciated. I’ll take a look at them.

8

Maybe:

1 Like
9

Also 1LD has a 33% off sale at the moment too, though a code needed.

1 Like
10

There’s also Flexifont from BWD that is specifically for managing font sizes:

https://www.bigwhiteduck.com/stacks/flexifont/

2 Likes
11

Thanks all for the great suggestions. Just got back to work and will take a look

12

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.