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;
}
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!
Cheers,
David.
--
PriceTapestry.com