Typography

Prevent FIrefox chunky font appearance

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;

}


@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

Custom Google Fonts

Add to media widget:

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Open+Sans:400,400italic,700,700italic:latin', 'Lato:300,400,500,600,700:latin', 'Oswald:300,400,500,600,700:latin', 'Montserrat:300,400,500,600,700:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s =...

Read more about Custom Google Fonts