Drop Adelle Sans for Source Sans Pro from Google Fonts

docs/_includes/header.html

@@ -8,12 +8,13 @@
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
-<!-- Roboto -->
-<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,500,700">
+<!-- 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="/dist/ratchet.css">
 <link rel="stylesheet" href="/assets/css/docs.css">
 <link rel="stylesheet" href="/assets/css/pygments.css">
+
 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 <!--[if lt IE 9]>
   <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
@@ -27,10 +28,6 @@
 <script src="/assets/js/docs.js"></script>
 <script src="/assets/js/fingerblast.js"></script>
 
-<!-- Typekit -->
-<script src="//use.typekit.net/asj6ttm.js"></script>
-<script>try{Typekit.load();}catch(e){}</script>
-
 <script>
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-36050008-1']);

docs/assets/css/docs.css

@@ -16,7 +16,7 @@ body {
 
 body {
   position: relative !important;
-  font: 14px/1.5 "adelle-sans",sans-serif;
+  font: 14px/1.5 "Source Sans Pro",sans-serif;
   color: #333;
   background-color: #fff;
   -webkit-font-smoothing: antialiased;
@@ -99,11 +99,6 @@ body {
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-  .docs-title {
-    font-weight: 100;
-  }
-}
 
 .docs-nav .docs-nav-trigger {
   color: #fff;
@@ -132,11 +127,6 @@ body {
   padding: 20px 15px;
   font-size: 22px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-  .docs-nav .docs-nav-item {
-    font-weight: 100;
-  }
-}
 
 .docs-jump-menu,
 .docs-component-group {
@@ -299,7 +289,7 @@ body {
   max-width: 750px;
   margin: 0 auto 20px;
   font-size: 28px;
-  font-weight: 100;
+  font-weight: 300;
   color: #fff;
   line-height: 38px;
 }
@@ -389,12 +379,6 @@ body {
   margin-bottom: 0;
   font-weight: 300;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-  .docs-sub-content .page-title,
-  .docs-sub-content .page-description {
-    font-weight: 100;
-  }
-}
 .docs-sub-content .page-title {
   font-size: 40px;
   margin-bottom: 5px;
@@ -431,11 +415,6 @@ body {
   font-size: 18px;
   color: #777;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-  .section-lead {
-    font-weight: 100;
-  }
-}
 
 @media screen and (min-width: 768px) {
   .section-heading {

sass/docs.scss

@@ -14,7 +14,7 @@ body {
 }
 body {
   position: relative !important; // Overrides the fixed positioning of body in Ratchet
-  font: 14px/1.5 "adelle-sans",sans-serif;
+  font: 14px/1.5 "Source Sans Pro",sans-serif;
   color: #333;
   background-color: #fff;
   -webkit-font-smoothing: antialiased; // Fix for webkit rendering
@@ -96,13 +96,6 @@ body {
   font-weight: 300;
   z-index: 20;
   @include transform(translateX(-50%));
-
-  // Use a thinner weight on retina
-  @media 
-    (-webkit-min-device-pixel-ratio: 2), 
-    (min-resolution: 192dpi) {
-      font-weight: 100;
-    }
 }
 .docs-nav {
   .docs-nav-trigger {
@@ -133,13 +126,6 @@ body {
     display: block;
     padding: 20px 15px;
     font-size: 22px;
-    
-    // Use a thinner weight on retina
-    @media 
-      (-webkit-min-device-pixel-ratio: 2), 
-      (min-resolution: 192dpi) {
-        font-weight: 100;
-      }
   }
 }
 .docs-jump-menu,
@@ -301,7 +287,7 @@ body {
   max-width: 750px;
   margin: 0 auto 20px;
   font-size: 28px;
-  font-weight: 100;
+  font-weight: 300;
   color: #fff;
   line-height: 38px;
 }
@@ -391,13 +377,6 @@ body {
     margin-top: 0;
     margin-bottom: 0;
     font-weight: 300;
-
-    // Use a thinner weight on retina
-    @media 
-      (-webkit-min-device-pixel-ratio: 2), 
-      (min-resolution: 192dpi) {
-        font-weight: 100;
-      }
   }
   .page-title {
     font-size: 40px;
@@ -438,16 +417,9 @@ body {
 .section-lead {
   font-size: 18px;
   color: #777;
-
-  // Use a thinner weight on retina
-  @media 
-    (-webkit-min-device-pixel-ratio: 2), 
-    (min-resolution: 192dpi) {
-      font-weight: 100;
-    }
 }
 
-// Desktop: Section headings 
+// Desktop: Section headings
 @media screen and (min-width: 768px) {
   .section-heading {
     margin-top: 50px;