Typography size

Hi @anabelencorredera,

It would help if you posted a link to the page in question, but in general, if you set text to a specific font size (like 50px), the text has that font size on all screen sizes. Text set to 50 pixels on mobile devices can probably get some words cut off and displayed on two or three lines.

If you use the headings (H1-H6) or the built-in font size classes (Small/Normal/Large/Larger), the font sizes will scale depending on the size of the screen, but if you set a fixed font size value, that font size is fixed regardless of the screen size.

— Anders

Hi @anlino

I am sorry, Website is not already online so I can’t send you a link.

Ok. I will try it again as you said.

Thank you so much.

Hi again @anlino

I’ve tried what you said but it does not works…

It is a pitty that I can not attach a screenshoot.

The problem is that, when I write some word in big size, it happens something like that in mobile version.

Example if I write: Minimalism, in web version you see correct but in mobile you see something like:

MI
NIM
ALIS
M

Instead of adapt size. I don’t know what I am doing wrong.

Thank you in advance.

Best regards,
Ana

Hi @anabelencorredera,

It sounds like you’ve set that word to have a big size with pixel values (in the right sidebar when editing the text), and in that case, the text won’t resize automatically on smaller screens. In order for the text to resize, you either need to use the “Heading” block or one of the predefined text sizes.

You can find more information about text sizes in the block editor here: https://www.wpbeginner.com/beginners-guide/how-to-change-the-font-size-in-wordpress/

— Anders

Hi @anlino

Thank you so much.

Regards,
Ana