Increase font size for all text

Due to the fact that elements use different tags there is no way of using one piece of code change all fonts by 2pt. *
Under general styling > fonts you can change the global size of the p tags
Under advanced styling you can change the size of various tags such as h1, h2, blockquote

* strictly speaking this isn’t true. You can change the size of everything globally but it requires you to be using rem rather than px as your size value.
The base value for font size using rem is 16px.
Rem values are as fol;ows

10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem

By setting a percentage against this you can change font sizes globally and quickly. see below…

html { font-size: 62.5%; }  /* =10px */
body { font-size: 1.4rem; } /* =14px */
h1   { font-size: 2.4rem; } /* =24px */

changing the html or root value to 100% or 50% would change the rem value of everything.

This solution would only work if you were coding a site from scratch. I’ve added it here simple to show there is a way :)

Hope that helps

TJ

**EDIT**

you could set a media quirey to change the standard font size (the p tag size)

@media only screen and (max-width: 990px) {
    p{
        font-size:10px;
    }
}

• This reply was modified 7 years, 7 months ago by tjswarbs78.