diff --git a/.codeclimate.yml b/.codeclimate.yml
index ccf38a864..33f227866 100644
--- a/.codeclimate.yml
+++ b/.codeclimate.yml
@@ -41,6 +41,8 @@ engines:
         enabled: false
       VendorPrefix:
         enabled: false
+      UrlFormat:
+        enabled: false
   phpcodesniffer:
     enabled: false
   phpmd:
diff --git a/core/css/decanter.css b/core/css/decanter.css
index fe360490b..6592d2486 100644
--- a/core/css/decanter.css
+++ b/core/css/decanter.css
@@ -6,6 +6,10 @@
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  */
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
+@import url("https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700");
+@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700");
+@import url("https://fonts.googleapis.com/css?family=Kalam:300,400,700");
 html {
   line-height: 1.15;
   /* 1 */
@@ -300,141 +304,62 @@ template {
   display: none; }
 
 @font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-extralight-webfont.ttf") format("truetype");
+  font-family: "Source Serif Pro";
+  src: url("https://www-media.stanford.edu/assets/fonts/sourceserifpro-extralight-webfont.woff") format("woff");
   font-style: normal;
   font-weight: 200; }
 
 @font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-extralightitalic-webfont.ttf") format("truetype");
+  font-family: "Source Serif Pro";
+  src: url("https://www-media.stanford.edu/assets/fonts/sourceserifpro-extralightitalic-webfont.woff") format("woff");
   font-style: italic;
   font-weight: 200; }
 
 @font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-light-webfont.woff") format("woff"), url("../fonts/sourcesanspro-light-webfont.ttf") format("truetype");
+  font-family: "Source Serif Pro";
+  src: url("https://www-media.stanford.edu/assets/fonts/sourceserifpro-light-webfont.woff") format("woff");
   font-style: normal;
   font-weight: 300; }
 
 @font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-lightitalic-webfont.ttf") format("truetype");
+  font-family: "Source Serif Pro";
+  src: url("https://www-media.stanford.edu/assets/fonts/sourceserifpro-lightitalic-webfont.woff") format("woff");
   font-style: italic;
   font-weight: 300; }
 
 @font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/sourcesanspro-regular-webfont.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 400; }
-
-@font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-regularitalic-webfont.ttf") format("truetype");
+  font-family: "Source Serif Pro";
+  src: url("https://www-media.stanford.edu/assets/fonts/sourceserifpro-regularitalic-webfont.woff") format("woff");
   font-style: italic;
   font-weight: 400; }
 
 @font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-semibold-webfont.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 600; }
-
-@font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-semibolditalic-webfont.ttf") format("truetype");
+  font-family: "Source Serif Pro";
+  src: url("https://www-media.stanford.edu/assets/fonts/sourceserifpro-semibolditalic-webfont.woff") format("woff");
   font-style: italic;
   font-weight: 600; }
 
 @font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-bold-webfont.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 700; }
-
-@font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-bolditalic-webfont.ttf") format("truetype");
+  font-family: "Source Serif Pro";
+  src: url("https://www-media.stanford.edu/assets/fonts/sourceserifpro-bolditalic-webfont.woff") format("woff");
   font-style: italic;
   font-weight: 700; }
 
 @font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-black-webfont.ttf") format("truetype");
+  font-family: "Source Serif Pro";
+  src: url("https://www-media.stanford.edu/assets/fonts/sourceserifpro-black-webfont.woff") format("woff");
   font-style: normal;
   font-weight: 900; }
 
 @font-face {
-  font-family: "Source Sans Pro";
-  src: url("../fonts/sourcesanspro-blackitalic-webfont.ttf") format("truetype");
+  font-family: "Source Serif Pro";
+  src: url("https://www-media.stanford.edu/assets/fonts/sourceserifpro-blackitalic-webfont.woff") format("woff");
   font-style: italic;
   font-weight: 900; }
 
-@font-face {
-  font-family: "Crimson Text";
-  src: url("../fonts/crimsontext-regular-webfont.woff") format("woff"), url("../fonts/crimsontext-regular-webfont.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 400; }
-
-@font-face {
-  font-family: "Crimson Text";
-  src: url("../fonts/crimsontext-regularitalic-webfont.woff") format("woff"), url("../fonts/crimsontext-regularitalic-webfont.ttf") format("truetype");
-  font-style: italic;
-  font-weight: 400; }
-
-@font-face {
-  font-family: "Crimson Text";
-  src: url("../fonts/crimsontext-semibold-webfont.woff") format("woff"), url("../fonts/crimsontext-semibold-webfont.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 600; }
-
-@font-face {
-  font-family: "Crimson Text";
-  src: url("../fonts/crimsontext-semibolditalic-webfont.woff") format("woff"), url("../fonts/crimsontext-semibolditalic-webfont.ttf") format("truetype");
-  font-style: italic;
-  font-weight: 600; }
-
-@font-face {
-  font-family: "Crimson Text";
-  src: url("../fonts/crimsontext-bold-webfont.woff") format("woff"), url("../fonts/crimsontext-bold-webfont.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 700; }
-
-@font-face {
-  font-family: "Crimson Text";
-  src: url("../fonts/crimsontext-bolditalic-webfont.woff") format("woff"), url("../fonts/crimsontext-bolditalic-webfont.ttf") format("truetype");
-  font-style: italic;
-  font-weight: 700; }
-
-@font-face {
-  font-family: "Roboto Slab";
-  src: url("../fonts/robotoslab-thin-webfont.woff") format("woff"), url("../fonts/robotoslab-thin-webfont.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 100; }
-
-@font-face {
-  font-family: "Roboto Slab";
-  src: url("../fonts/robotoslab-light-webfont.woff") format("woff"), url("../fonts/robotoslab-light-webfont.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 300; }
-
-@font-face {
-  font-family: "Roboto Slab";
-  src: url("../fonts/robotoslab-regular-webfont.woff") format("woff"), url("../fonts/robotoslab-regular-webfont.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 400; }
-
-@font-face {
-  font-family: "Roboto Slab";
-  src: url("../fonts/robotoslab-bold-webfont.woff") format("woff"), url("../fonts/robotoslab-bold-webfont.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 700; }
-
 @font-face {
   font-family: "Stanford";
-  src: url("../fonts/stanford.woff") format("woff"), url("../fonts/stanford.ttf") format("truetype");
-  font-style: normal;
+  src: url("https://www-media.stanford.edu/assets/fonts/stanford.woff") format("woff"), url("https://www-media.stanford.edu/assets/fonts/stanford.ttf") format("truetype");
   font-weight: 300; }
 
 .grid--container {
@@ -675,7 +600,7 @@ fieldset {
   line-height: 1.8rem;
   margin-right: 0.6em;
   text-indent: 0.15em;
-  vertical-align: middle\0;
+  vertical-align: middle;
   width: 1.8rem; }
 
 [type=radio] + label::before {
@@ -886,7 +811,6 @@ h4,
 h5,
 h6 {
   clear: both;
-  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   line-height: 1.2;
   margin-top: 1.5em;
   margin-bottom: 0.5em; }
@@ -903,7 +827,7 @@ h6 {
   h4, .su-serif
   h5, .su-serif
   h6 {
-    font-family: "Crimson Text", "Georgia", "Times", "Times New Roman", serif; }
+    font-family: "Source Serif Pro", "Georgia", "Times", "Times New Roman", serif; }
   .su-slab h1, .su-slab
   h2, .su-slab
   h3, .su-slab
@@ -911,6 +835,13 @@ h6 {
   h5, .su-slab
   h6 {
     font-family: "Roboto Slab", "Georgia", "Times", "Times New Roman", serif; }
+  .su-handwriting h1, .su-handwriting
+  h2, .su-handwriting
+  h3, .su-handwriting
+  h4, .su-handwriting
+  h5, .su-handwriting
+  h6 {
+    font-family: "Kalam", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
   h1 a,
   h2 a,
   h3 a,
@@ -942,7 +873,6 @@ h5 {
   font-weight: 600; }
 
 h6 {
-  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   font-size: 1.6rem;
   font-weight: 400;
   text-transform: uppercase; }
@@ -953,30 +883,19 @@ address,
 dfn {
   font-style: normal; }
 
-.su-sans p,
-.su-sans a,
-.su-sans li,
-.su-sans span {
+.su-sans {
   font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
 
-.su-sans a {
-  border-bottom: none;
-  font-weight: 600; }
+.su-serif {
+  font-family: "Source Serif Pro", "Georgia", "Times", "Times New Roman", serif; }
 
-.su-serif p,
-.su-serif a,
-.su-serif li,
-.su-serif span {
-  font-family: "Crimson Text", "Georgia", "Times", "Times New Roman", serif; }
-
-.su-slab p,
-.su-slab a,
-.su-slab li,
-.su-slab span {
+.su-slab {
   font-family: "Roboto Slab", "Georgia", "Times", "Times New Roman", serif; }
 
+.su-handwriting {
+  font-family: "Kalam", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
+
 .su-font-lead {
-  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   font-size: 2.3rem;
   font-weight: 200;
   line-height: 1.5;
@@ -1752,7 +1671,6 @@ dfn {
         .su-alert .su-alert__body .su-alert__heading {
           margin-top: 0.3rem; } }
     .su-alert .su-alert__body .su-alert__text {
-      font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
       margin-top: 0;
       margin-bottom: 0; }
 
diff --git a/core/fonts/Stanford.ttf b/core/fonts/Stanford.ttf
deleted file mode 100644
index cd15ade2a..000000000
Binary files a/core/fonts/Stanford.ttf and /dev/null differ
diff --git a/core/fonts/Stanford.woff b/core/fonts/Stanford.woff
deleted file mode 100644
index 8fa1b67b0..000000000
Binary files a/core/fonts/Stanford.woff and /dev/null differ
diff --git a/core/fonts/crimsontext-bold-webfont.ttf b/core/fonts/crimsontext-bold-webfont.ttf
deleted file mode 100755
index 783197a82..000000000
Binary files a/core/fonts/crimsontext-bold-webfont.ttf and /dev/null differ
diff --git a/core/fonts/crimsontext-bold-webfont.woff b/core/fonts/crimsontext-bold-webfont.woff
deleted file mode 100755
index a8450b2b5..000000000
Binary files a/core/fonts/crimsontext-bold-webfont.woff and /dev/null differ
diff --git a/core/fonts/crimsontext-bolditalic-webfont.ttf b/core/fonts/crimsontext-bolditalic-webfont.ttf
deleted file mode 100755
index 4ecef6f45..000000000
Binary files a/core/fonts/crimsontext-bolditalic-webfont.ttf and /dev/null differ
diff --git a/core/fonts/crimsontext-bolditalic-webfont.woff b/core/fonts/crimsontext-bolditalic-webfont.woff
deleted file mode 100755
index 32bc64e4b..000000000
Binary files a/core/fonts/crimsontext-bolditalic-webfont.woff and /dev/null differ
diff --git a/core/fonts/crimsontext-regular-webfont.ttf b/core/fonts/crimsontext-regular-webfont.ttf
deleted file mode 100755
index 67acd706b..000000000
Binary files a/core/fonts/crimsontext-regular-webfont.ttf and /dev/null differ
diff --git a/core/fonts/crimsontext-regular-webfont.woff b/core/fonts/crimsontext-regular-webfont.woff
deleted file mode 100755
index e9fe6e55e..000000000
Binary files a/core/fonts/crimsontext-regular-webfont.woff and /dev/null differ
diff --git a/core/fonts/crimsontext-regularitalic-webfont.ttf b/core/fonts/crimsontext-regularitalic-webfont.ttf
deleted file mode 100755
index 036b34046..000000000
Binary files a/core/fonts/crimsontext-regularitalic-webfont.ttf and /dev/null differ
diff --git a/core/fonts/crimsontext-regularitalic-webfont.woff b/core/fonts/crimsontext-regularitalic-webfont.woff
deleted file mode 100755
index 7a259354e..000000000
Binary files a/core/fonts/crimsontext-regularitalic-webfont.woff and /dev/null differ
diff --git a/core/fonts/crimsontext-semibold-webfont.ttf b/core/fonts/crimsontext-semibold-webfont.ttf
deleted file mode 100755
index 8569ad04f..000000000
Binary files a/core/fonts/crimsontext-semibold-webfont.ttf and /dev/null differ
diff --git a/core/fonts/crimsontext-semibold-webfont.woff b/core/fonts/crimsontext-semibold-webfont.woff
deleted file mode 100755
index 127acbc4b..000000000
Binary files a/core/fonts/crimsontext-semibold-webfont.woff and /dev/null differ
diff --git a/core/fonts/crimsontext-semiboldItalic-webfont.ttf b/core/fonts/crimsontext-semiboldItalic-webfont.ttf
deleted file mode 100755
index 5f04d7f49..000000000
Binary files a/core/fonts/crimsontext-semiboldItalic-webfont.ttf and /dev/null differ
diff --git a/core/fonts/crimsontext-semiboldItalic-webfont.woff b/core/fonts/crimsontext-semiboldItalic-webfont.woff
deleted file mode 100755
index 9a7dc7a31..000000000
Binary files a/core/fonts/crimsontext-semiboldItalic-webfont.woff and /dev/null differ
diff --git a/core/fonts/robotoslab-bold-webfont.ttf b/core/fonts/robotoslab-bold-webfont.ttf
deleted file mode 100755
index df5d1df27..000000000
Binary files a/core/fonts/robotoslab-bold-webfont.ttf and /dev/null differ
diff --git a/core/fonts/robotoslab-bold-webfont.woff b/core/fonts/robotoslab-bold-webfont.woff
deleted file mode 100755
index bab4a7ea4..000000000
Binary files a/core/fonts/robotoslab-bold-webfont.woff and /dev/null differ
diff --git a/core/fonts/robotoslab-light-webfont.ttf b/core/fonts/robotoslab-light-webfont.ttf
deleted file mode 100755
index ccb99cd02..000000000
Binary files a/core/fonts/robotoslab-light-webfont.ttf and /dev/null differ
diff --git a/core/fonts/robotoslab-light-webfont.woff b/core/fonts/robotoslab-light-webfont.woff
deleted file mode 100755
index 005344dd4..000000000
Binary files a/core/fonts/robotoslab-light-webfont.woff and /dev/null differ
diff --git a/core/fonts/robotoslab-regular-webfont.ttf b/core/fonts/robotoslab-regular-webfont.ttf
deleted file mode 100755
index eb52a7907..000000000
Binary files a/core/fonts/robotoslab-regular-webfont.ttf and /dev/null differ
diff --git a/core/fonts/robotoslab-regular-webfont.woff b/core/fonts/robotoslab-regular-webfont.woff
deleted file mode 100755
index afb395d69..000000000
Binary files a/core/fonts/robotoslab-regular-webfont.woff and /dev/null differ
diff --git a/core/fonts/robotoslab-thin-webfont.ttf b/core/fonts/robotoslab-thin-webfont.ttf
deleted file mode 100755
index fee11da17..000000000
Binary files a/core/fonts/robotoslab-thin-webfont.ttf and /dev/null differ
diff --git a/core/fonts/robotoslab-thin-webfont.woff b/core/fonts/robotoslab-thin-webfont.woff
deleted file mode 100755
index 54d5ce420..000000000
Binary files a/core/fonts/robotoslab-thin-webfont.woff and /dev/null differ
diff --git a/core/fonts/sourcesanspro-black-webfont.ttf b/core/fonts/sourcesanspro-black-webfont.ttf
deleted file mode 100755
index 7ea02609e..000000000
Binary files a/core/fonts/sourcesanspro-black-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-blackitalic-webfont.ttf b/core/fonts/sourcesanspro-blackitalic-webfont.ttf
deleted file mode 100755
index e1a74827c..000000000
Binary files a/core/fonts/sourcesanspro-blackitalic-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-bold-webfont.eot b/core/fonts/sourcesanspro-bold-webfont.eot
deleted file mode 100644
index f031b206e..000000000
Binary files a/core/fonts/sourcesanspro-bold-webfont.eot and /dev/null differ
diff --git a/core/fonts/sourcesanspro-bold-webfont.ttf b/core/fonts/sourcesanspro-bold-webfont.ttf
deleted file mode 100644
index 02ae55e6e..000000000
Binary files a/core/fonts/sourcesanspro-bold-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-bold-webfont.woff b/core/fonts/sourcesanspro-bold-webfont.woff
deleted file mode 100644
index 1985bc0f1..000000000
Binary files a/core/fonts/sourcesanspro-bold-webfont.woff and /dev/null differ
diff --git a/core/fonts/sourcesanspro-bold-webfont.woff2 b/core/fonts/sourcesanspro-bold-webfont.woff2
deleted file mode 100644
index 59cbda519..000000000
Binary files a/core/fonts/sourcesanspro-bold-webfont.woff2 and /dev/null differ
diff --git a/core/fonts/sourcesanspro-bolditalic-webfont.ttf b/core/fonts/sourcesanspro-bolditalic-webfont.ttf
deleted file mode 100755
index 5c00b64fa..000000000
Binary files a/core/fonts/sourcesanspro-bolditalic-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-extralight-webfont.ttf b/core/fonts/sourcesanspro-extralight-webfont.ttf
deleted file mode 100755
index f1da6b2be..000000000
Binary files a/core/fonts/sourcesanspro-extralight-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-extralightitalic-webfont.ttf b/core/fonts/sourcesanspro-extralightitalic-webfont.ttf
deleted file mode 100755
index 15f7344cc..000000000
Binary files a/core/fonts/sourcesanspro-extralightitalic-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-light-webfont.eot b/core/fonts/sourcesanspro-light-webfont.eot
deleted file mode 100644
index 55d1c876c..000000000
Binary files a/core/fonts/sourcesanspro-light-webfont.eot and /dev/null differ
diff --git a/core/fonts/sourcesanspro-light-webfont.ttf b/core/fonts/sourcesanspro-light-webfont.ttf
deleted file mode 100644
index a4c674a00..000000000
Binary files a/core/fonts/sourcesanspro-light-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-light-webfont.woff b/core/fonts/sourcesanspro-light-webfont.woff
deleted file mode 100644
index eb2fd5ae6..000000000
Binary files a/core/fonts/sourcesanspro-light-webfont.woff and /dev/null differ
diff --git a/core/fonts/sourcesanspro-light-webfont.woff2 b/core/fonts/sourcesanspro-light-webfont.woff2
deleted file mode 100644
index 091b8079a..000000000
Binary files a/core/fonts/sourcesanspro-light-webfont.woff2 and /dev/null differ
diff --git a/core/fonts/sourcesanspro-lightitalic-webfont.ttf b/core/fonts/sourcesanspro-lightitalic-webfont.ttf
deleted file mode 100755
index b78f1b0f0..000000000
Binary files a/core/fonts/sourcesanspro-lightitalic-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-regular-webfont.eot b/core/fonts/sourcesanspro-regular-webfont.eot
deleted file mode 100644
index cddebbca5..000000000
Binary files a/core/fonts/sourcesanspro-regular-webfont.eot and /dev/null differ
diff --git a/core/fonts/sourcesanspro-regular-webfont.ttf b/core/fonts/sourcesanspro-regular-webfont.ttf
deleted file mode 100644
index ac42fa1c2..000000000
Binary files a/core/fonts/sourcesanspro-regular-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-regular-webfont.woff b/core/fonts/sourcesanspro-regular-webfont.woff
deleted file mode 100644
index e057c48e8..000000000
Binary files a/core/fonts/sourcesanspro-regular-webfont.woff and /dev/null differ
diff --git a/core/fonts/sourcesanspro-regular-webfont.woff2 b/core/fonts/sourcesanspro-regular-webfont.woff2
deleted file mode 100644
index 43ec601dc..000000000
Binary files a/core/fonts/sourcesanspro-regular-webfont.woff2 and /dev/null differ
diff --git a/core/fonts/sourcesanspro-regularitalic-webfont.eot b/core/fonts/sourcesanspro-regularitalic-webfont.eot
deleted file mode 100644
index e01ae4de0..000000000
Binary files a/core/fonts/sourcesanspro-regularitalic-webfont.eot and /dev/null differ
diff --git a/core/fonts/sourcesanspro-regularitalic-webfont.ttf b/core/fonts/sourcesanspro-regularitalic-webfont.ttf
deleted file mode 100644
index b513caef9..000000000
Binary files a/core/fonts/sourcesanspro-regularitalic-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-regularitalic-webfont.woff b/core/fonts/sourcesanspro-regularitalic-webfont.woff
deleted file mode 100644
index a512221dd..000000000
Binary files a/core/fonts/sourcesanspro-regularitalic-webfont.woff and /dev/null differ
diff --git a/core/fonts/sourcesanspro-regularitalic-webfont.woff2 b/core/fonts/sourcesanspro-regularitalic-webfont.woff2
deleted file mode 100644
index c1a6d9f1e..000000000
Binary files a/core/fonts/sourcesanspro-regularitalic-webfont.woff2 and /dev/null differ
diff --git a/core/fonts/sourcesanspro-semibold-webfont.ttf b/core/fonts/sourcesanspro-semibold-webfont.ttf
deleted file mode 100755
index ac3e0d19a..000000000
Binary files a/core/fonts/sourcesanspro-semibold-webfont.ttf and /dev/null differ
diff --git a/core/fonts/sourcesanspro-semibolditalic-webfont.ttf b/core/fonts/sourcesanspro-semibolditalic-webfont.ttf
deleted file mode 100755
index b0737bb31..000000000
Binary files a/core/fonts/sourcesanspro-semibolditalic-webfont.ttf and /dev/null differ
diff --git a/core/img/arrow-down-hover.png b/core/img/arrow-down-hover.png
deleted file mode 100644
index e2b317484..000000000
Binary files a/core/img/arrow-down-hover.png and /dev/null differ
diff --git a/core/img/arrow-down-hover.svg b/core/img/arrow-down-hover.svg
deleted file mode 100644
index 4a264e17f..000000000
--- a/core/img/arrow-down-hover.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
-<path fill="#2E2D29" d="M506.884,137.484l-25.649-25.643c-3.418-3.425-7.354-5.132-11.806-5.132c-4.438,0-8.374,1.707-11.793,5.132
-	L256.001,313.458L54.381,111.841c-3.419-3.423-7.355-5.13-11.801-5.13c-4.447,0-8.382,1.707-11.8,5.132L5.132,137.495
-	C1.707,140.911,0,144.846,0,149.293c0,4.444,1.712,8.379,5.132,11.797l239.072,239.076c3.414,3.419,7.353,5.128,11.799,5.128
-	c4.445,0,8.374-1.707,11.791-5.128l239.09-239.076c3.418-3.42,5.116-7.355,5.116-11.797c0-4.448-1.7-8.383-5.117-11.806
-	L506.884,137.484z"/>
-</svg>
diff --git a/core/img/circle.png b/core/img/circle.png
deleted file mode 100644
index c9e6bffc4..000000000
Binary files a/core/img/circle.png and /dev/null differ
diff --git a/core/img/close.png b/core/img/close.png
deleted file mode 100644
index 8388fd5f9..000000000
Binary files a/core/img/close.png and /dev/null differ
diff --git a/core/img/close.svg b/core/img/close.svg
deleted file mode 100644
index d9f59132f..000000000
--- a/core/img/close.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 339.177 339.177"><path d="M247.244 169.59l83.938-83.938c5.332-5.327 7.994-11.798 7.994-19.414 0-7.614-2.67-14.084-7.994-19.414l-38.827-38.83c-5.33-5.33-11.8-7.994-19.41-7.994-7.618 0-14.086 2.665-19.418 7.993L169.59 91.93 85.65 7.994C80.326 2.665 73.855 0 66.238 0c-7.61 0-14.083 2.665-19.414 7.993l-38.83 38.83C2.668 52.15 0 58.624 0 66.24c0 7.616 2.664 14.084 7.994 19.414L91.93 169.59 7.995 253.528C2.667 258.858 0 265.328 0 272.945c0 7.61 2.664 14.082 7.994 19.41l38.83 38.828c5.33 5.332 11.803 7.994 19.414 7.994 7.616 0 14.084-2.67 19.414-7.994l83.94-83.938 83.943 83.938c5.328 5.332 11.793 7.994 19.417 7.994 7.61 0 14.082-2.67 19.41-7.994l38.82-38.828c5.333-5.324 7.995-11.8 7.995-19.41 0-7.618-2.662-14.086-7.994-19.417l-83.94-83.938z" fill="#5b616b"/></svg>
\ No newline at end of file
diff --git a/core/img/minus.png b/core/img/minus.png
deleted file mode 100644
index 04b5f27bf..000000000
Binary files a/core/img/minus.png and /dev/null differ
diff --git a/core/img/minus.svg b/core/img/minus.svg
deleted file mode 100644
index 43c91c3ee..000000000
--- a/core/img/minus.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="401.992px" height="401.992px" viewBox="0 0 401.992 401.992" enable-background="new 0 0 401.992 401.992"
-	 xml:space="preserve">
-<path fill="#FFFFFF" d="M394,154.174c-5.33-5.33-11.806-7.995-19.416-7.995H27.406c-7.61,0-14.084,2.66-19.414,7.99
-	C2.662,159.5,0,165.97,0,173.586v54.82c0,7.617,2.662,14.086,7.992,19.41c5.33,5.332,11.803,7.994,19.414,7.994h347.176
-	c7.61,0,14.086-2.66,19.418-7.993c5.32-5.323,7.99-11.793,7.99-19.409v-54.821C401.99,165.972,399.33,159.5,394,154.174L394,154.174
-	z"/>
-</svg>
diff --git a/core/img/plus.png b/core/img/plus.png
deleted file mode 100644
index 2909d94f0..000000000
Binary files a/core/img/plus.png and /dev/null differ
diff --git a/core/img/plus.svg b/core/img/plus.svg
deleted file mode 100644
index d893087ca..000000000
--- a/core/img/plus.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="401.994px" height="401.994px" viewBox="0 0 401.994 401.994" enable-background="new 0 0 401.994 401.994"
-	 xml:space="preserve">
-<path fill="#FFFFFF" d="M394,154.175c-5.33-5.33-11.806-7.994-19.417-7.994H255.81V27.41c0-7.61-2.664-14.084-7.992-19.414
-	C242.487,2.666,236.021,0,228.397,0h-54.811c-7.613,0-14.085,2.663-19.415,7.993s-7.994,11.803-7.994,19.414v118.775H27.408
-	c-7.612,0-14.085,2.664-19.415,7.994C2.663,159.506,0,165.973,0,173.59v54.818c0,7.618,2.662,14.086,7.992,19.409
-	c5.33,5.334,11.803,7.996,19.414,7.996h118.77V374.59c0,7.61,2.665,14.09,7.995,19.417c5.33,5.325,11.806,7.987,19.418,7.987h54.811
-	c7.619,0,14.088-2.662,19.418-7.987c5.332-5.33,7.994-11.806,7.994-19.417V255.813h118.771c7.618,0,14.09-2.662,19.417-7.994
-	c5.325-5.33,7.99-11.797,7.99-19.416v-54.819c0-7.615-2.66-14.086-7.993-19.413L394,154.175z"/>
-</svg>
diff --git a/core/scss/core/fonts/_base.scss b/core/scss/core/fonts/_base.scss
deleted file mode 100644
index 78d11c769..000000000
--- a/core/scss/core/fonts/_base.scss
+++ /dev/null
@@ -1,216 +0,0 @@
-@charset "UTF-8";
-
-//
-// Fonts
-//
-
-// Source Sans Pro.
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-extralight-webfont',
-  ('ttf')
-) {
-  font-style: normal;
-  font-weight: 200;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-extralightitalic-webfont',
-  ('ttf')
-) {
-  font-style: italic;
-  font-weight: 200;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-light-webfont',
-  ('eot', 'woff2', 'woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 300;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-lightitalic-webfont',
-  ('ttf')
-) {
-  font-style: italic;
-  font-weight: 300;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-regular-webfont',
-  ('eot', 'woff2', 'woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 400;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-regularitalic-webfont',
-  ('ttf')
-) {
-  font-style: italic;
-  font-weight: 400;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-semibold-webfont',
-  ('ttf')
-) {
-  font-style: normal;
-  font-weight: 600;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-semibolditalic-webfont',
-  ('ttf')
-) {
-  font-style: italic;
-  font-weight: 600;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-bold-webfont',
-  ('eot', 'woff2', 'woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 700;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-bolditalic-webfont',
-  ('ttf')
-) {
-  font-style: italic;
-  font-weight: 700;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-black-webfont',
-  ('ttf')
-) {
-  font-style: normal;
-  font-weight: 900;
-};
-
-@include font-face(
-  'Source Sans Pro',
-  '#{$font-path}/sourcesanspro-blackitalic-webfont',
-  ('ttf')
-) {
-  font-style: italic;
-  font-weight: 900;
-};
-
-// Crimson Text.
-@include font-face(
-  'Crimson Text',
-  '#{$font-path}/crimsontext-regular-webfont',
-  ('woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 400;
-};
-
-@include font-face(
-  'Crimson Text',
-  '#{$font-path}/crimsontext-regularitalic-webfont',
-  ('woff', 'ttf')
-) {
-  font-style: italic;
-  font-weight: 400;
-};
-
-@include font-face(
-  'Crimson Text',
-  '#{$font-path}/crimsontext-semibold-webfont',
-  ('woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 600;
-};
-
-@include font-face(
-  'Crimson Text',
-  '#{$font-path}/crimsontext-semibolditalic-webfont',
-  ('woff', 'ttf')
-) {
-  font-style: italic;
-  font-weight: 600;
-};
-
-@include font-face(
-  'Crimson Text',
-  '#{$font-path}/crimsontext-bold-webfont',
-  ('woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 700;
-};
-
-@include font-face(
-  'Crimson Text',
-  '#{$font-path}/crimsontext-bolditalic-webfont',
-  ('woff', 'ttf')
-) {
-  font-style: italic;
-  font-weight: 700;
-};
-
-// Roboto Slab.
-@include font-face(
-  'Roboto Slab',
-  '#{$font-path}/robotoslab-thin-webfont',
-  ('woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 100;
-};
-
-@include font-face(
-  'Roboto Slab',
-  '#{$font-path}/robotoslab-light-webfont',
-  ('woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 300;
-};
-
-@include font-face(
-  'Roboto Slab',
-  '#{$font-path}/robotoslab-regular-webfont',
-  ('woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 400;
-};
-
-@include font-face(
-  'Roboto Slab',
-  '#{$font-path}/robotoslab-bold-webfont',
-  ('woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 700;
-};
-
-// Stanford.
-@include font-face(
-  'Stanford',
-  '#{$font-path}/stanford',
-  ('woff', 'ttf')
-) {
-  font-style: normal;
-  font-weight: 300;
-};
diff --git a/core/scss/core/fonts/_fonts.scss b/core/scss/core/fonts/_fonts.scss
new file mode 100644
index 000000000..f1d96a5f8
--- /dev/null
+++ b/core/scss/core/fonts/_fonts.scss
@@ -0,0 +1,110 @@
+@charset "UTF-8";
+
+//
+// Fonts
+//
+
+// Sans font: Source Sans Pro.
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
+
+// Serif font: Source Serif Pro.
+@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700');
+
+// Slab font: Roboto Slab.
+@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');
+
+// Script font: Kalam.
+@import url('https://fonts.googleapis.com/css?family=Kalam:300,400,700');
+
+// Some of the Source Serif Pro fonts are not yet available on Google, so we
+// are hosting and loading from our AWS bucket.
+@include font-face(
+  "Source Serif Pro",
+  "https://www-media.stanford.edu/assets/fonts/sourceserifpro-extralight-webfont",
+  ("woff")
+) {
+  font-style: normal;
+  font-weight: 200;
+}
+
+@include font-face(
+  "Source Serif Pro",
+  "https://www-media.stanford.edu/assets/fonts/sourceserifpro-extralightitalic-webfont",
+  ("woff")
+) {
+  font-style: italic;
+  font-weight: 200;
+}
+
+@include font-face(
+  "Source Serif Pro",
+  "https://www-media.stanford.edu/assets/fonts/sourceserifpro-light-webfont",
+  ("woff")
+) {
+  font-style: normal;
+  font-weight: 300;
+}
+
+@include font-face(
+  "Source Serif Pro",
+  "https://www-media.stanford.edu/assets/fonts/sourceserifpro-lightitalic-webfont",
+  ("woff")
+) {
+  font-style: italic;
+  font-weight: 300;
+}
+
+@include font-face(
+  "Source Serif Pro",
+  "https://www-media.stanford.edu/assets/fonts/sourceserifpro-regularitalic-webfont",
+  ("woff")
+) {
+  font-style: italic;
+  font-weight: 400;
+}
+
+@include font-face(
+  "Source Serif Pro",
+  "https://www-media.stanford.edu/assets/fonts/sourceserifpro-semibolditalic-webfont",
+  ("woff")
+) {
+  font-style: italic;
+  font-weight: 600;
+}
+
+@include font-face(
+  "Source Serif Pro",
+  "https://www-media.stanford.edu/assets/fonts/sourceserifpro-bolditalic-webfont",
+  ("woff")
+) {
+  font-style: italic;
+  font-weight: 700;
+}
+
+@include font-face(
+  "Source Serif Pro",
+  "https://www-media.stanford.edu/assets/fonts/sourceserifpro-black-webfont",
+  ("woff")
+) {
+  font-style: normal;
+  font-weight: 900;
+}
+
+@include font-face(
+  "Source Serif Pro",
+  "https://www-media.stanford.edu/assets/fonts/sourceserifpro-blackitalic-webfont",
+  ("woff")
+) {
+  font-style: italic;
+  font-weight: 900;
+}
+
+// Ligature font: Stanford.
+// The Stanford font is being hosted and loaded from our AWS bucket.
+@include font-face(
+  "Stanford",
+  "https://www-media.stanford.edu/assets/fonts/stanford",
+  ("woff", "ttf")
+) {
+  font-weight: 300;
+}
diff --git a/core/scss/core/fonts/index.scss b/core/scss/core/fonts/index.scss
index 9f74c650c..eccbe32ca 100644
--- a/core/scss/core/fonts/index.scss
+++ b/core/scss/core/fonts/index.scss
@@ -5,4 +5,4 @@
 ///
 
 @import
-  'base';
+  'fonts';
diff --git a/core/scss/elements/input/_input.scss b/core/scss/elements/input/_input.scss
index 0360c769e..a6fd08ffe 100644
--- a/core/scss/elements/input/_input.scss
+++ b/core/scss/elements/input/_input.scss
@@ -103,7 +103,7 @@ fieldset {
   line-height: 1.8rem;
   margin-right: 0.6em;
   text-indent: 0.15em;
-  vertical-align: middle\0;
+  vertical-align: middle;
 
   // Target IE 11 and below to vertically center inputs.
   width: 1.8rem;
diff --git a/core/scss/elements/typography/_typography.scss b/core/scss/elements/typography/_typography.scss
index 4c34f7ccf..5b3548c4d 100644
--- a/core/scss/elements/typography/_typography.scss
+++ b/core/scss/elements/typography/_typography.scss
@@ -87,6 +87,10 @@ dfn {
   @include slab;
 }
 
+.su-handwriting {
+  @include handwriting;
+}
+
 .su-font-lead {
   @include font-lead;
 }
diff --git a/core/scss/utilities/mixins/alert/_alert.scss b/core/scss/utilities/mixins/alert/_alert.scss
index 08fd1186c..1f1790ca6 100644
--- a/core/scss/utilities/mixins/alert/_alert.scss
+++ b/core/scss/utilities/mixins/alert/_alert.scss
@@ -63,7 +63,6 @@
     }
 
     .su-alert__text {
-      font-family: $font-sans;
       @include margin(0 null);
     }
   }
diff --git a/core/scss/utilities/mixins/typography/_font-lead.scss b/core/scss/utilities/mixins/typography/_font-lead.scss
index 38bf9ebd5..02a2558c7 100644
--- a/core/scss/utilities/mixins/typography/_font-lead.scss
+++ b/core/scss/utilities/mixins/typography/_font-lead.scss
@@ -9,7 +9,6 @@
 // Style guide: Mixins.Typography.font-lead
 //
 @mixin font-lead {
-  font-family: $font-sans;
   font-size: $lead-font-size;
   font-weight: $font-light;
   line-height: $lead-line-height;
diff --git a/core/scss/utilities/mixins/typography/_h6.scss b/core/scss/utilities/mixins/typography/_h6.scss
index aee5bf9bc..4edc3e5e3 100644
--- a/core/scss/utilities/mixins/typography/_h6.scss
+++ b/core/scss/utilities/mixins/typography/_h6.scss
@@ -8,7 +8,6 @@
 // Style guide: Mixins.Typography.h6
 //
 @mixin h6 {
-  font-family: $font-sans;
   font-size: $h6-font-size;
   font-weight: $font-normal;
   text-transform: uppercase;
diff --git a/core/scss/utilities/mixins/typography/_handwriting.scss b/core/scss/utilities/mixins/typography/_handwriting.scss
new file mode 100644
index 000000000..c9eb91db1
--- /dev/null
+++ b/core/scss/utilities/mixins/typography/_handwriting.scss
@@ -0,0 +1,12 @@
+@charset "UTF-8";
+
+//
+// @script
+//
+// Script font styling.
+//
+// Style guide: Mixins.Typography.script
+//
+@mixin handwriting {
+  font-family: $font-handwriting;
+}
diff --git a/core/scss/utilities/mixins/typography/_headings.scss b/core/scss/utilities/mixins/typography/_headings.scss
index af1d7705c..31e2c0f71 100644
--- a/core/scss/utilities/mixins/typography/_headings.scss
+++ b/core/scss/utilities/mixins/typography/_headings.scss
@@ -9,7 +9,6 @@
 //
 @mixin headings {
   clear: both;
-  font-family: $font-sans;
   line-height: $heading-line-height;
 
   @include margin(1.5em null 0.5em);
@@ -26,6 +25,10 @@
     font-family: $font-slab;
   }
 
+  .su-handwriting & {
+    font-family: $font-handwriting;
+  }
+
   a {
     text-decoration: none;
   }
diff --git a/core/scss/utilities/mixins/typography/_sans.scss b/core/scss/utilities/mixins/typography/_sans.scss
index df24773d4..3f446ed95 100644
--- a/core/scss/utilities/mixins/typography/_sans.scss
+++ b/core/scss/utilities/mixins/typography/_sans.scss
@@ -8,15 +8,5 @@
 // Style guide: Mixins.Typography.sans
 //
 @mixin sans {
-  p,
-  a,
-  li,
-  span {
-    font-family: $font-sans;
-  }
-
-  a {
-    border-bottom: none;
-    font-weight: $font-bold;
-  }
+  font-family: $font-sans;
 }
diff --git a/core/scss/utilities/mixins/typography/_serif.scss b/core/scss/utilities/mixins/typography/_serif.scss
index b465e93ee..1407c63e6 100644
--- a/core/scss/utilities/mixins/typography/_serif.scss
+++ b/core/scss/utilities/mixins/typography/_serif.scss
@@ -8,10 +8,5 @@
 // Style guide: Mixins.Typography.serif
 //
 @mixin serif {
-  p,
-  a,
-  li,
-  span {
-    font-family: $font-serif;
-  }
+  font-family: $font-serif;
 }
diff --git a/core/scss/utilities/mixins/typography/_slab.scss b/core/scss/utilities/mixins/typography/_slab.scss
index 0bc5bd382..191ca370c 100644
--- a/core/scss/utilities/mixins/typography/_slab.scss
+++ b/core/scss/utilities/mixins/typography/_slab.scss
@@ -8,10 +8,5 @@
 // Style guide: Mixins.Typography.slab
 //
 @mixin slab {
-  p,
-  a,
-  li,
-  span {
-    font-family: $font-slab;
-  }
+  font-family: $font-slab;
 }
diff --git a/core/scss/utilities/mixins/typography/index.scss b/core/scss/utilities/mixins/typography/index.scss
index b8b15492b..d69f2cfce 100644
--- a/core/scss/utilities/mixins/typography/index.scss
+++ b/core/scss/utilities/mixins/typography/index.scss
@@ -22,5 +22,6 @@
   'h6',
   'headings',
   'sans',
+  'handwriting',
   'serif',
   'slab';
diff --git a/core/scss/utilities/variables/core/_file-paths.scss b/core/scss/utilities/variables/core/_file-paths.scss
index 11c2634dc..f1d6034fd 100644
--- a/core/scss/utilities/variables/core/_file-paths.scss
+++ b/core/scss/utilities/variables/core/_file-paths.scss
@@ -6,17 +6,6 @@
 // Style guide: Variables.Core.Paths
 //
 
-//
-// $font-path
-//
-// Relative path to fonts directory on compile.
-//
-// Markup: $font-path:   '../fonts' !default;
-//
-// Styleguide: Variables.Core.Paths.font
-//
-$font-path: '../fonts' !default;
-
 //
 // $image-path
 //
diff --git a/core/scss/utilities/variables/core/_typography.scss b/core/scss/utilities/variables/core/_typography.scss
index d9197a4d5..5ba080083 100644
--- a/core/scss/utilities/variables/core/_typography.scss
+++ b/core/scss/utilities/variables/core/_typography.scss
@@ -167,7 +167,7 @@ $lead-line-height: 1.5 !default;
 //
 // font-sans Font family.
 //
-// Markup: $font-sans: 'Source Sans Pro', $helvetica !default;
+// Markup: $font-sans: 'Source Sans Pro', $font-stack-helvetica !default;
 //
 // Style guide: Variables.Core.Typography.font-sans
 //
@@ -178,23 +178,33 @@ $font-sans: 'Source Sans Pro', $font-stack-helvetica !default;
 //
 // font-serif Font family.
 //
-// Markup: $font-serif: 'Crimson Text', $georgia !default;
+// Markup: $font-serif: 'Source Serif Pro', $font-stack-georgia !default;
 //
 // Style guide: Variables.Core.Typography.font-serif
 //
-$font-serif: 'Crimson Text', $font-stack-georgia !default;
+$font-serif: 'Source Serif Pro', $font-stack-georgia !default;
 
 //
 // $font-slab
 //
 // font-slab Font family.
 //
-// Markup: $font-slab: 'Roboto Slab', $georgia !default;
+// Markup: $font-slab: 'Roboto Slab', $font-stack-georgia !default;
 //
 // Style guide: Variables.Core.Typography.font-slab
 //
 $font-slab: 'Roboto Slab', $font-stack-georgia !default;
 
+//
+// $font-handwriting
+//
+// font-script Font family.
+//
+// Markup: $font-handwriting: 'Kalam', $font-stack-helvetica !default;
+//
+// Style guide: Variables.Core.Typography.font-script
+//
+$font-handwriting: 'Kalam', $font-stack-helvetica !default;
 
 //
 // $font-x-light
diff --git a/core/templates/core/fonts/fonts.json b/core/templates/core/fonts/fonts.json
index d81b102b3..0db3279e4 100644
--- a/core/templates/core/fonts/fonts.json
+++ b/core/templates/core/fonts/fonts.json
@@ -1,4 +1,3 @@
 {
-  "heading": "Heading",
-  "paragraph": "<p>Paragraph text lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>"
+
 }
diff --git a/core/templates/core/fonts/fonts.twig b/core/templates/core/fonts/fonts.twig
index 3d84404de..1d92d73ab 100644
--- a/core/templates/core/fonts/fonts.twig
+++ b/core/templates/core/fonts/fonts.twig
@@ -1,13 +1,7 @@
 <div class="su-sans">
   <h2>Source Sans Pro</h2>
-  <p class="su-font-lead">Source Sans Pro is an open-source sans serif typeface created for legibility in UI design. With a variety of weights that read easily at all sizes, Source Sans Pro provides clear headers as well as highly-readable body text.</p>
-  <h1>{{ heading }} 1</h1>
-  <h2>{{ heading }} 2</h2>
-  <h3>{{ heading }} 3</h3>
-  <h4>{{ heading }} 4</h4>
-  <h5>{{ heading }} 5</h5>
-  <h6>{{ heading }} 6</h6>
-  {{ paragraph }}
+  <p class="su-font-lead">Source Sans Pro is our primary sans-serif font. Source Sans Pro should be used in unit signatures alongside the Stanford wordmark and should be used as the primary sans-serif font in your print, web and social media communications. For
+    situations where Source Sans cannot be used, use News Gothic or Gill Sans as fallback fonts.</p>
   <h3>Style Variations</h3>
   <div style="font-weight: 200; font-style: normal;">Extra-Light</div>
   <div style="font-weight: 200; font-style: italic;">Extra-Light Italic</div>
@@ -24,38 +18,37 @@
 </div>
 
 <div class="su-serif">
-  <h2>Crimson Text</h2>
-  <p class="su-font-lead">Crimson Text ("Crimson") is a free and open-source text type family. The font is designed in the tradition of beautiful oldstyle type. It features six cuts characters for a wide range of European languages.</p>
-  <h1>{{ heading }} 1</h1>
-  <h2>{{ heading }} 2</h2>
-  <h3>{{ heading }} 3</h3>
-  <h4>{{ heading }} 4</h4>
-  <h5>{{ heading }} 5</h5>
-  <h6>{{ heading }} 6</h6>
-  {{ paragraph }}
+  <h2>Source Serif Pro</h2>
+  <p class="su-font-lead">Source Serif Pro is our primary serif font. Source Serif Pro should be used in headlines and body copy as the primary serif font in your web and social media communications. For situations where Source Serif Pro cannot be used, use Minion Pro or Times New Roman.</p>
   <h3>Style Variations</h3>
+  <div style="font-weight: 200; font-style: normal;">Extra-Light</div>
+  <div style="font-weight: 200; font-style: italic;">Extra-Light Italic</div>
+  <div style="font-weight: 300; font-style: normal;">Light</div>
+  <div style="font-weight: 300; font-style: italic;">Light Italic</div>
   <div style="font-weight: 400; font-style: normal;">Regular</div>
   <div style="font-weight: 400; font-style: italic;">Regular Italic</div>
   <div style="font-weight: 600; font-style: normal;">Semi-Bold</div>
   <div style="font-weight: 600; font-style: italic;">Semi-Bold Italic</div>
   <div style="font-weight: 700; font-style: normal;">Bold</div>
   <div style="font-weight: 700; font-style: italic;">Bold Italic</div>
+  <div style="font-weight: 900; font-style: normal;">Black</div>
+  <div style="font-weight: 900; font-style: italic;">Black Italic</div>
 </div>
 
 <div class="su-slab">
   <h2>Roboto Slab</h2>
-  <p class="su-font-lead">Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise,
-        allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.</p>
-  <h1>{{ heading }} 1</h1>
-  <h2>{{ heading }} 2</h2>
-  <h3>{{ heading }} 3</h3>
-  <h4>{{ heading }} 4</h4>
-  <h5>{{ heading }} 5</h5>
-  <h6>{{ heading }} 6</h6>
-  {{ paragraph }}
+  <p class="su-font-lead">Roboto Slab is a secondary font. Roboto Slab should only be used as a display font - it is not appropriate for blocks of text.</p>
   <h3>Style Variations</h3>
-  <div style="font-weight: 100; font-style: normal;">Thin</div>
   <div style="font-weight: 300; font-style: normal;">Light</div>
   <div style="font-weight: 400; font-style: normal;">Regular</div>
   <div style="font-weight: 700; font-style: normal;">Bold</div>
 </div>
+
+<div class="su-handwriting">
+  <h2>Kalam</h2>
+  <p class="su-font-lead">Kalam is a secondary font.</p>
+  <h3>Style Variations</h3>
+  <div style="font-weight: 300; font-style: normal;">Light</div>
+  <div style="font-weight: 400; font-style: normal;">Bold</div>
+  <div style="font-weight: 700; font-style: normal;">Regular</div>
+</div>