diff --git a/resources/design.json b/resources/design.json
index bb98f75..69a4f22 100644
--- a/resources/design.json
+++ b/resources/design.json
@@ -80,12 +80,6 @@
       "url": "https://www.lapa.ninja/learn/",
       "tags": []
     },
-    {
-      "title": "Typography Handbook",
-      "desc": "A concise, referential guide on best web typographic practices.",
-      "url": "http://typographyhandbook.com",
-      "tags": []
-    },
     {
       "title": "Hyperpixel.io",
       "desc": "Discover the latest designs for your own inspiration from our curated list of landing pages.",
@@ -140,12 +134,6 @@
       "url": "https://tympanus.net/codrops/",
       "tags": []
     },
-    {
-      "title": "Fontjoy",
-      "desc": "Generate font combinations with deep learning.",
-      "url": "https://fontjoy.com/",
-      "tags": []
-    },
     {
       "title": "Can't Unsee",
       "desc": "A game where your attention to details earns you a lot of coins. WARNING: Once you see the difference between the images, you won't be able to unsee it!",
diff --git a/resources/index.js b/resources/index.js
index 3e5b8a8..e9fa610 100644
--- a/resources/index.js
+++ b/resources/index.js
@@ -14,6 +14,7 @@ import server from './server'
 import utility from './utility'
 import icons from './icons'
 import accessibility from './accessibility'
+import typography from './typography'
 
 export default [
   css,
@@ -32,4 +33,5 @@ export default [
   utility,
   icons,
   accessibility,
+  typography,
 ]
diff --git a/resources/typography.json b/resources/typography.json
new file mode 100644
index 0000000..354b5a5
--- /dev/null
+++ b/resources/typography.json
@@ -0,0 +1,48 @@
+{
+  "title": "Typography",
+  "slug": "/typography",
+  "resources": [
+    {
+      "title": "Google Fonts",
+      "desc": "Large library of high-quality, free web fonts.",
+      "url": "https://fonts.google.com/",
+      "tags": []
+    },
+    {
+      "title": "The Font Loading Checklist",
+      "desc": "Four important considerations when loading web fonts.",
+      "url": "https://www.zachleat.com/web/font-checklist/",
+      "tags": []
+    },
+    {
+      "title": "Practical Typography",
+      "desc": "A just-deep-enough dive into typography for designers.",
+      "url": "https://practicaltypography.com/",
+      "tags": []
+    },
+    {
+      "title": "Wakamai Fondue",
+      "desc": "Extensive font file analyzer that tells you everything you need to know about your font.",
+      "url": "https://wakamaifondue.com/",
+      "tags": []
+    },
+    {
+      "title": "Typewolf",
+      "desc": "Discover trending fonts and pairings from around the web.",
+      "url": "https://www.typewolf.com/",
+      "tags": []
+    },
+    {
+      "title": "Typography Handbook",
+      "desc": "A concise, referential guide on best web typographic practices.",
+      "url": "http://typographyhandbook.com",
+      "tags": []
+    },
+    {
+      "title": "Fontjoy",
+      "desc": "Generate font combinations with deep learning.",
+      "url": "https://fontjoy.com/",
+      "tags": []
+    }
+  ]
+}