Use recommended font family separator

docs/_includes/header.html

@@ -9,7 +9,7 @@
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
 <!-- Google Web Fonts -->
-<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,500,700&Source+Sans+Pro:300,400,600,700">
+<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,500,700|Source+Sans+Pro:300,400,600,700">
 
 <link rel="stylesheet" href="/dist/ratchet.css">
 <link rel="stylesheet" href="/assets/css/docs.css">