Hub
Menu
Sub navigation

Unblock Google Fonts

Running Page Speed Insights, linked Google Fonts are "Render Blocking". Which means that it delays the page loading. By downloading the woffs to the server, the page loads faster. Using more than 1 font and 3 weights is bad styling and a waste of bandwidth in my opinion. Paste the selected code into your CSS.

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src:
  local('Source Sans Pro Light'), local('SourceSansPro-Light'),
  url('../misc/source-sans-pro-v14-latin-300.woff2') format('woff2'),
  url('../misc/source-sans-pro-v14-latin-300.woff') format('woff');
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src:
  local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
  url('../misc/source-sans-pro-v14-latin-regular.woff2') format('woff2'),
  url('../misc/source-sans-pro-v14-latin-regular.woff') format('woff');
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src:
  local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
  url('../misc/source-sans-pro-v14-latin-600.woff2') format('woff2'),
  url('../misc/source-sans-pro-v14-latin-600.woff') format('woff');
}

...And put the downloaded woffs into your folder ("misc" or similar). Note that you must download all weights you need.

Put woffs into the desired font folder Downloads woffs