[Resolved] Set default font globally

[Ramesh Srinivasan]

Hi,

I’m using the default (inherit) option in the Customizer at present, but would like to change it to Segoe UI for the entire site, including p, h1, h2, h3..etc, navigation, sidebar and everything.

Is there a way to do it without editing the theme CSS file.. for example, using Simple CSS?

My second question is, are there any light-weight replacements for Font Awesome? FA is really nice, but it consumes around 1GB of traffic (daily) in my site.

Thanks,

[Tom]

Hi there,

You would set it to the Body element, and then have everything else set to inherit.

That should do it 🙂

[Ramesh Srinivasan]

Thanks, Tom. However, Customizer doesn’t list Segoe UI in the drop-down box.

[Tom]

Then you’ll need to use CSS like this:

body {
    font-family: font-name, Arial, sans-serif;
}

However, you’ll want to set a backup font like Arial and sans-serif as not everyone will have that font installed on their computer, so they won’t see it.

[Ramesh Srinivasan]

Will try that CSS.
Thanks again!

[Tom]

You’re welcome 🙂

[Ramesh Srinivasan]

Update: Works flawlessly.

[Tom]

Awesome 🙂

[Author]

Posts