diff --git a/docs/WOFF/OTF/SourceCodePro-Black.otf.woff b/docs/WOFF/OTF/SourceCodePro-Black.otf.woff
new file mode 100755
index 0000000000..9a0725947d
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-Black.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-BlackIt.otf.woff b/docs/WOFF/OTF/SourceCodePro-BlackIt.otf.woff
new file mode 100755
index 0000000000..2e37b09a07
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-BlackIt.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-Bold.otf.woff b/docs/WOFF/OTF/SourceCodePro-Bold.otf.woff
new file mode 100755
index 0000000000..b64f2cfc7b
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-Bold.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-BoldIt.otf.woff b/docs/WOFF/OTF/SourceCodePro-BoldIt.otf.woff
new file mode 100755
index 0000000000..69a466dbaf
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-BoldIt.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-ExtraLight.otf.woff b/docs/WOFF/OTF/SourceCodePro-ExtraLight.otf.woff
new file mode 100755
index 0000000000..41accc2118
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-ExtraLight.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-ExtraLightIt.otf.woff b/docs/WOFF/OTF/SourceCodePro-ExtraLightIt.otf.woff
new file mode 100755
index 0000000000..a6f5d55642
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-ExtraLightIt.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-It.otf.woff b/docs/WOFF/OTF/SourceCodePro-It.otf.woff
new file mode 100755
index 0000000000..a8b8cea137
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-It.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-Light.otf.woff b/docs/WOFF/OTF/SourceCodePro-Light.otf.woff
new file mode 100755
index 0000000000..fceb9755c0
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-Light.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-LightIt.otf.woff b/docs/WOFF/OTF/SourceCodePro-LightIt.otf.woff
new file mode 100755
index 0000000000..9f63553384
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-LightIt.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-Medium.otf.woff b/docs/WOFF/OTF/SourceCodePro-Medium.otf.woff
new file mode 100755
index 0000000000..bd82cf425e
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-Medium.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-MediumIt.otf.woff b/docs/WOFF/OTF/SourceCodePro-MediumIt.otf.woff
new file mode 100755
index 0000000000..657186625b
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-MediumIt.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-Regular.otf.woff b/docs/WOFF/OTF/SourceCodePro-Regular.otf.woff
new file mode 100755
index 0000000000..68c98f1050
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-Regular.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-Semibold.otf.woff b/docs/WOFF/OTF/SourceCodePro-Semibold.otf.woff
new file mode 100755
index 0000000000..3db105e00e
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-Semibold.otf.woff differ
diff --git a/docs/WOFF/OTF/SourceCodePro-SemiboldIt.otf.woff b/docs/WOFF/OTF/SourceCodePro-SemiboldIt.otf.woff
new file mode 100755
index 0000000000..3822bc2ffc
Binary files /dev/null and b/docs/WOFF/OTF/SourceCodePro-SemiboldIt.otf.woff differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-Black.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-Black.ttf.woff2
new file mode 100755
index 0000000000..0042fb4aaa
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-Black.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-BlackIt.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-BlackIt.ttf.woff2
new file mode 100755
index 0000000000..6614e54dc4
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-BlackIt.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-Bold.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-Bold.ttf.woff2
new file mode 100755
index 0000000000..1331a0a465
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-Bold.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-BoldIt.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-BoldIt.ttf.woff2
new file mode 100755
index 0000000000..ed564da772
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-BoldIt.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-ExtraLight.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-ExtraLight.ttf.woff2
new file mode 100755
index 0000000000..17592592e8
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-ExtraLight.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-ExtraLightIt.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-ExtraLightIt.ttf.woff2
new file mode 100755
index 0000000000..2b94dc583f
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-ExtraLightIt.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-It.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-It.ttf.woff2
new file mode 100755
index 0000000000..443d16f4ba
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-It.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-Light.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-Light.ttf.woff2
new file mode 100755
index 0000000000..843d388dee
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-Light.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-LightIt.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-LightIt.ttf.woff2
new file mode 100755
index 0000000000..8025dc3fd8
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-LightIt.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-Medium.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-Medium.ttf.woff2
new file mode 100755
index 0000000000..25c08c6a1a
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-Medium.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-MediumIt.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-MediumIt.ttf.woff2
new file mode 100755
index 0000000000..c6d7434401
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-MediumIt.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-Regular.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-Regular.ttf.woff2
new file mode 100755
index 0000000000..d97cd54936
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-Regular.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-Semibold.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-Semibold.ttf.woff2
new file mode 100755
index 0000000000..c4134ee7d8
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-Semibold.ttf.woff2 differ
diff --git a/docs/WOFF2/TTF/SourceCodePro-SemiboldIt.ttf.woff2 b/docs/WOFF2/TTF/SourceCodePro-SemiboldIt.ttf.woff2
new file mode 100755
index 0000000000..92ebea1758
Binary files /dev/null and b/docs/WOFF2/TTF/SourceCodePro-SemiboldIt.ttf.woff2 differ
diff --git a/docs/index.html b/docs/index.html
new file mode 100755
index 0000000000..b83abafdb4
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,416 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
+    <meta name="format-detection" content="telephone=no">
+    <title>Source Code Pro</title>
+    <link rel="stylesheet" href="source-code-pro.css">
+    <style>
+
+        body {
+            font-family: 'Source Code Pro', monospace;
+            overflow-x: hidden;
+            font-size: 100%;
+        }
+        article {
+            margin: 0 auto;
+            max-width: 900px;
+            padding: 1em;
+        }
+        h1 {
+            font-size: 56px;
+            margin: 0;
+        }
+        h2 {
+            color: #AAA ;
+            margin-top: 0.75em;
+            margin-bottom: 0;
+        }
+        div {
+            font-size: 40px;
+            padding: 0.5em 0.75em;
+            margin: 0;
+            outline: 0px solid transparent;
+            autocorrect: "off";
+            overflow: hidden;
+            hyphens: off;
+        }
+        p {
+            margin: 0;
+            padding-bottom: .5em;
+        }
+        div:hover
+        {
+            background-color: #EEE;
+        }
+        .ribbon {
+            background: none repeat scroll 0% 0% rgb(34, 34, 34);
+            color: white;
+            display: block;
+            font: 400 13px 'Source Code Pro';
+            font-weight: 700;
+            padding: 8px 150px;
+            position: absolute;
+            right: 0px;
+            text-decoration: none;
+            top: 0px;
+            -webkit-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
+            -moz-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
+            -ms-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
+            -o-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
+            transform: translate(50%, -50%) rotate(45deg) translateY(72px);
+            white-space: nowrap;
+        }
+        .ss04 {
+            font-feature-settings: "ss04" 1;
+        }
+
+
+        @media (max-width: 720px) {
+            h1 {
+                font-size: 36px;
+            }
+            h2 {
+                font-size: 18px;
+            }
+            div {
+                padding: 0;
+                font-size: 18px;
+            }
+        }
+
+        @media (min-width: 1200px) {
+            h1 {
+                font-size: 72px;
+            }
+            h2 {
+                font-size: 32px;
+            }
+            div {
+                font-size: 50px;
+            }
+            article {
+                max-width: 1100px;
+            }
+        }
+
+    </style>
+  </head>
+  <body>
+    <article spellcheck="false">
+        <h1>Source Code Pro</h1>
+        <hr>
+
+        <h2 style="font-weight: 200;">ExtraLight</h2>
+        <div contenteditable style="font-weight: 200;">
+        <p>
+            Parciais fy jac codi baw hud <br>llawn dŵr ger tŷ Mabon.<br><!-- Welsh -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            Ξεσκεπάζω την ψυχοφθόρα βδελυγμία.<br>
+            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
+            αβγδεζηθικλμνξοπρσςτυφχψω<br>
+            У рудога вераб’я ў сховішчы пад <br>фатэлем ляжаць нейкія гаючыя зёлкі.<br><!-- Byelarussian -->
+            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
+            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 200; font-style: italic;">ExtraLight Italic</h2>
+        <div contenteditable style="font-weight: 200; font-style: italic;">
+        <p>
+            Muļķa hipiji mēģina brīvi <br>nogaršot celofāna žņaudzējčūsku.<br><!-- Latvian -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 300;">Light</h2>
+        <div contenteditable style="font-weight: 300;">
+        <p>
+            Þú dazt á hnéð í vök og yfir <br>blóm sexý pæju.<br><!-- Icelandic -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            Ταχίστη αλώπηξ βαφής ψημένη γη,<br>δρασκελίζει υπέρ νωθρού κυνός.<br>
+            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
+            αβγδεζηθικλμνξοπρσςτυφχψω<br>
+            <span lang="sr">Љубазни фењерџија чађавог <br>лица хоће да ми покаже штос.</span><br><!-- Serbian -->
+            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
+            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
+           '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 300; font-style: italic;">Light Italic</h2>
+        <div contenteditable style="font-weight: 300; font-style: italic;">
+        <p>
+            Loď čeří kýlem tůň obzvlášť <br>v Grónské úžině.<br><!-- Czech -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 400;">Regular</h2>
+        <div contenteditable style="font-weight: 400;">
+        <p>
+            Viewing quizzical abstracts <br>mixed up hefty jocks.<br><!-- English -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            Ζαφείρι δέξου πάγκαλο,<br>βαθῶν ψυχῆς τὸ σῆμα.<br>
+            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
+            αβγδεζηθικλμνξοπρσςτυφχψω<br>
+            Съешь же ещё этих мягких <br>французских булок, да выпей чаю.<br><!-- Russian -->
+            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
+            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 400; font-style: italic;">Italic</h2>
+        <div contenteditable style="font-weight: 400; font-style: italic;">
+        <p>
+            Voix ambiguë d’un cœur qui au <br>zéphyr préfère les jattes de kiwi.<br><!-- French -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 500;">Medium</h2>
+        <div contenteditable style="font-weight: 500;" class="ss04">
+        <p>
+            Jó foxim és don Quijote húszwattos <br>lámpánál ülve egy pár bűvös cipőt készít.<br><!-- Hungarian -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            Θέλει αρετή και τόλμη η <br>ελευθερία. — Ανδρέας Κάλβος<br>
+            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
+            αβγδεζηθικλμνξοπρστυφχψως<br>
+            Долг Џош, сторив женење, црн <br>ѕид! Фрчат хмељ, ќумбе, ѓупки, зајак.<br><!-- Macedonian -->
+            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
+            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 500; font-style: italic;">Medium Italic</h2>
+        <div contenteditable style="font-weight: 500; font-style: italic;">
+        <p>
+            Voix ambiguë d’un cœur qui au <br>zéphyr préfère les jattes de kiwi.<br><!-- French -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 600;">Semibold</h2>
+        <div contenteditable style="font-weight: 600;">
+        <p>
+            Victor jagt zwölf Boxkämpfer <br>quer über den großen Sylter Deich.<br><!-- German -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            Διαφυλάξτε γενικά τη ζωή σας <br>από βαθειά ψυχικά τραύματα.<br>
+            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
+            αβγδεζηθικλμνξοπρσςτυφχψω<br>
+            Гномът Доцьо приключи спящ <br>в шейна за жаби.<br><!-- Bulgarian -->
+            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
+            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 600; font-style: italic;">Semibold Italic</h2>
+        <div contenteditable style="font-weight: 600; font-style: italic;">
+        <p>
+            Jovencillo emponzoñado de <br>whisky: ¡qué figurota exhibe!<br><!-- Spanish -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 700;">Bold</h2>
+        <div contenteditable style="font-weight: 700;">
+        <p>
+            Flygande bäckasiner söka <br>hwila på mjuka tuvor.<br><!-- Swedish -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            Αβρός δ’εν προχοαίς κύκλωψ <br>φθογγάζετο μύρμηξ.<br>
+            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
+            αβγδεζηθικλμνξοπρσςτυφχψω<br>
+            Чуєш їх, доцю, га? Кумедна ж ти,<br>прощайся без ґольфів!<br><!-- Ukrainian -->
+            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
+            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 700; font-style: italic;">Bold Italic</h2>
+        <div contenteditable style="font-weight: 700; font-style: italic;">
+        <p>
+            Fahiş bluz güvencesi yağdırma <br>projesi çöktü.<br><!-- Turkish -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 900;">Black</h2>
+        <div contenteditable style="font-weight: 900;">
+        <p>
+            Jeżu klątw, spłódź Finom <br>część gry hańb!<br><!-- Polish -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            Γαζίες και μυρτιές δεν θα βρω <br>πια στο χρυσαφί ξέφωτο.<br>
+            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
+            αβγδεζηθικλμνξοπρσςτυφχψω<br>
+            Щётканы фермд пийшин цувъя. <br>Бөгж зогсч хэльюү.<br><!-- Mongolian -->
+            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
+            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+        <hr>
+
+        <h2 style="font-weight: 900; font-style: italic;">Black Italic</h2>
+        <div contenteditable style="font-weight: 900; font-style: italic;">
+        <p>
+            In quel campo si trovan funghi <br>in abbondanza.<br><!-- Italian -->
+            abcdefghijklmnopqrstuvwxyz<br>
+            ABCDEFGHIJKLMNOPQRSTU<br>
+            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
+            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
+            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
+            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
+            •◦▪▫▴▸▾◂▵▹▿◃<br>
+            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
+            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
+            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
+                 
+        </p>
+        </div>
+
+        <a class="ribbon" href="https://github.com/adobe-fonts/source-code-pro">Fork me on GitHub</a>
+
+    </article>
+  </body>
+</html>
diff --git a/docs/source-code-pro.css b/docs/source-code-pro.css
new file mode 100755
index 0000000000..40b0c5a6b3
--- /dev/null
+++ b/docs/source-code-pro.css
@@ -0,0 +1,125 @@
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 200;
+    font-style: normal;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-ExtraLight.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-ExtraLight.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 200;
+    font-style: italic;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-ExtraLightIt.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-ExtraLightIt.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 300;
+    font-style: normal;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-Light.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-Light.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 300;
+    font-style: italic;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-LightIt.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-LightIt.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 400;
+    font-style: normal;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-Regular.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-Regular.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 400;
+    font-style: italic;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-It.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-It.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 500;
+    font-style: normal;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-Medium.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-Medium.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 500;
+    font-style: italic;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-MediumIt.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-MediumIt.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 600;
+    font-style: normal;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-Semibold.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-Semibold.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 600;
+    font-style: italic;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-SemiboldIt.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-SemiboldIt.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 700;
+    font-style: normal;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-Bold.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-Bold.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 700;
+    font-style: italic;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-BoldIt.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-BoldIt.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 900;
+    font-style: normal;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-Black.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-Black.otf.woff') format('woff');
+}
+
+@font-face{
+    font-family: 'Source Code Pro';
+    font-weight: 900;
+    font-style: italic;
+    font-stretch: normal;
+    src: url('WOFF2/TTF/SourceCodePro-BlackIt.ttf.woff2') format('woff2'),
+         url('WOFF/OTF/SourceCodePro-BlackIt.otf.woff') format('woff');
+}