diff --git a/package.json b/package.json
index dcdb8ef0..5b963e90 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "Alice Rühl <alice@developmentseed.org>"
   ],
   "dependencies": {
+    "@fontsource/titillium-web": "^4.2.2",
     "@mapbox/geo-viewport": "^0.4.1",
     "@mapbox/mapbox-gl-draw": "^1.2.0",
     "@reach/accordion": "^0.12.1",
diff --git a/src/theme/typography.js b/src/theme/typography.js
index 5a7e4468..29c1847c 100644
--- a/src/theme/typography.js
+++ b/src/theme/typography.js
@@ -1,4 +1,5 @@
 import Typography from "typography"
+import "@fontsource/titillium-web"
 
 import { NEGATIVE } from "../utils/constants"
 import { colors } from "../theme"
diff --git a/yarn.lock b/yarn.lock
index 3ebce9bd..6a5ef6d1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1386,6 +1386,11 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
+"@fontsource/titillium-web@^4.2.2":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@fontsource/titillium-web/-/titillium-web-4.2.2.tgz#7a3482e9421240674162de0706587126c0c35109"
+  integrity sha512-OQeXcX4UuuyttAq1qe49gz6Afxsl/3UOS1dqip3Sw0NYZFv4N4NdysX7Z0qJMtXm1yvXhVjjJ79iyTYr1qy33A==
+
 "@gatsbyjs/reach-router@^1.3.6":
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/@gatsbyjs/reach-router/-/reach-router-1.3.6.tgz#4e8225836959be247890b66f21a3198a0589e34d"