diff --git a/_includes/design/typography.html b/_includes/design/typography.html
index 09cda05..b90ac39 100644
--- a/_includes/design/typography.html
+++ b/_includes/design/typography.html
@@ -51,7 +51,7 @@
     <div class="col-md-5">
         <p class="text-black small">
             <span class="text-left color-gray-2 rb-isBold">Paragraph</span>
-            <span class="text-right color-primary rb-isBold" style="float: right;">Source Sans Regular</span>
+            <span class="text-right color-primary rb-isBold" style="float: right;">Source Sans Pro Regular</span>
         </p>
         <p>
             I2P is an anonymous network, exposing a simple layer that applications can use to anonymously and securely send messages to each other.
@@ -61,7 +61,7 @@
     <div class="col-md-6">
         <p class="text-black small">
             <span class="text-left color-gray-2 rb-isBold">Code Snippet</span>
-            <span class="text-right color-primary rb-isBold" style="float: right;">Source Code</span>
+            <span class="text-right color-primary rb-isBold" style="float: right;">Source Code Pro</span>
         </p>
         <pre class="bg-light p-2 prettyprint rb-code" style="border: none;">
           $('.rb-sidebar').on('click', 'a',function() {