Hello Danny,

You need to be very careful when you use a different font because different font has different line heights and spacing and it may affect the layout. This is one of the main reasons why we override the font as we cannot predict the font that the template is using.

Having said that you could easily override the font using this,

body div#fd.es {

// font stuffs go in here

}

Be warned about the line height and spacing issues though

Hi,

I understand your warning. For now, I am just "testing" it (it's simple to add/remove CSS like that)

However, you suggestion only overrides some of the text, not most of it either. There seems to be quite a bit of non inherited font families in the CSS stylesheets

Danny

I tried this in our custom.css file

body div#fd.es, 

#ed .chosen-container-multi .chosen-choices li.search-field input[type="text"], 

.fancybox-error, 

.fancybox-title,

#ed,

#ed input,

#ed button,

#ed select,

#ed textarea,

#ed.tooltip,

#ed.popover--ed,

#ed .markItUpContainer,

#ed .chosen-container-single .chosen-search input[type="text"],

#ed .chosen-container-multi .chosen-choices li.search-field input[type="text"]

{font-family:'Montserrat Light';}

So far so good.
Danny

Thanks for sharing Danny