Google Fonts coming up skewed

Hey,

Iv tried to use a number of google fonts using any of the 5 plugins available and by importing the links manually and putting it in my CSS. No matter how i do it fonts are skewed. You can see what i mean here: https://www.jonnyscholes/dev/ – the font for the headings is meant to be dots, not dashes – anyone got any ideas? Iv had this on a number of sites im creating. The font in the above site is listed here – https://www.google.com/webfonts/specimen/Codystar

Cheers,
Jonny