You are here:  » Change Font

Active Forum Topics

Change Font

Submitted by Tobix on Thu, 2020-02-27 17:31 in

Change font
I tried to change fonts via CSS default but failed.
How can I change fonts?
Thank you

Submitted by support on Fri, 2020-02-28 11:04

Hi Tobix,

It should just be a case of using the !important flag in the CSS in order to override the Foundation styles. For example in the html { ... } definition;

font-family: your-preferred-font !important;

Where that doesn't override, if you use Firefox you can right-click anywhere and use "Inspect Element". Scroll down the list of attributes until you see the font definition and copy the CSS selector it is contained in, for example for the menu bar:

.top-bar-section ul li > a {
  font-family: your-preferred-font !important;

Hope this helps!