Referencing Google Fonts in your CSS

When referencing a Google Font from a CSS Crush Variable you should enclose your variable for font-family within quotes. This will ensure the font loads if it has a space within its name. Defining your font choice as a variable within your ~/theme/config/style.json will enable Evance to auto-load the font on your behalf and will make the font choice customisable. 

Simply envelope your CSS variable with quotes:

font-family: "$(heading-font)", sans-serif;


COVID-19 NOTICE – Business as Usual
Evance continues to provide all services and support throughout this difficult period. See our full statement here .