Responsive text recomendations

[goalsarecool]

What are the recommended settings (compression, min size, and max size) for responsive text related to the following?

H1
H2
H3
H4
H5
H6
P

Customizer ==> typography ==> max font size is currently set at 18px.

Thanks!

https://goalsarecool.com/

[christopher]

Hi there,

IT depends on your design totally. The 18px seems to be a normal one. I suggest that you check the thread below for more detailed information:

Responsive text Header

Thank you.

[goalsarecool]

Let’s try it this way: Can you please take a look at the header on my homepage here: https://goalsarecool.com/

The current font size is set to the following:

Headline - 6em
text - 1.8em

I’d like to keep the look that is achieved with the size settings above (on large screens) but make it responsive.

What would you suggest I use for the headline and text font size?

Thanks!

[goalsarecool]

I think I figured it out.

Headline size - calc(4vw + 1em)
Text size - calc(.6vw + 1em)

CSS

@media (min-width: 1200px) {
#bar-1 .x-bar-container {
padding-right: 20em;
}
}

[rad]

Glad it’s okay now, yes, using calc and vw will make your text responsive.

Thanks!