Menu icon Foundation
Responsive global font size in Foundation 6

As the title says, I need to know if there is a way to obtain a responsive global font. I know one can alter the size of headers for `small` and `medium` screens. But is there a variable to do it for the global font in order to reduce it in `small` screens? Thanks!

font size

As the title says, I need to know if there is a way to obtain a responsive global font. I know one can alter the size of headers for `small` and `medium` screens. But is there a variable to do it for the global font in order to reduce it in `small` screens? Thanks!

Rafi Benkual almost 3 years ago

Are you trying to make the font smaller or larger on mobile screens?

There is in the settings file:

The $global-font-size is set to a 100% (based on 16px)