Increase Global Font Size CSS

Viewed 283

Is there any way to globally increase the size of a font in CSS? When I use a particular secondary font, it natively requires a 15% boost to match the size of my primary font.

I currently have this class:

.freight{
    font-family: freight-text-pro, serif;
    font-style: normal;
    font-size:1.15em;
}

which works fine as a child element, however when applying it to the parent (an extra span seems like unnecessary code), it shrinks right down, which is obviously expected behaviour.

Thanks.

1 Answers

Not really getting what you mean, but from what I'm getting.

This might be what you're looking for

body, html { 
font-family: freight-text-pro, serif;
font-style: normal;
font-size:1.15em; }

This will globally affect the fonts on every page & tag

Related