Google Font not rendering

You may encounter an issue where you have referenced a font using a CSS Crush Variable, but the font doesn't load. More often than not, this is because of spaces in the font-family name. 

The problem

Your CSS file may look a bit like this:

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

The solution

Simply envelope your CSS variable with quotes:

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