diff --git a/app/public/static/fonts/lato-v24-latin_latin-ext-700.woff2 b/app/public/static/fonts/lato-v24-latin_latin-ext-700.woff2
new file mode 100644
index 00000000..b10c152d
Binary files /dev/null and b/app/public/static/fonts/lato-v24-latin_latin-ext-700.woff2 differ
diff --git a/app/public/static/fonts/lato-v24-latin_latin-ext-italic.woff2 b/app/public/static/fonts/lato-v24-latin_latin-ext-italic.woff2
new file mode 100644
index 00000000..d28c025e
Binary files /dev/null and b/app/public/static/fonts/lato-v24-latin_latin-ext-italic.woff2 differ
diff --git a/app/public/static/fonts/lato-v24-latin_latin-ext-regular.woff2 b/app/public/static/fonts/lato-v24-latin_latin-ext-regular.woff2
new file mode 100644
index 00000000..1d461533
Binary files /dev/null and b/app/public/static/fonts/lato-v24-latin_latin-ext-regular.woff2 differ
diff --git a/app/scss/custom.scss b/app/scss/custom.scss
index 2db5184c..6e43ba1a 100644
--- a/app/scss/custom.scss
+++ b/app/scss/custom.scss
@@ -9,6 +9,7 @@ a {
 	text-decoration: none;
 }
 
+@import "lato.scss";
 @import "components.scss";
 @import "packages.scss";
 @import "gallery.scss";
diff --git a/app/scss/lato.scss b/app/scss/lato.scss
new file mode 100644
index 00000000..54bbb01a
--- /dev/null
+++ b/app/scss/lato.scss
@@ -0,0 +1,26 @@
+/* lato-regular - latin_latin-ext */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/static/fonts/lato-v24-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* lato-italic - latin_latin-ext */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 400;
+  src: url('/static/fonts/lato-v24-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* lato-700 - latin_latin-ext */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 700;
+  src: url('/static/fonts/lato-v24-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
diff --git a/app/templates/base.html b/app/templates/base.html
index 1717d553..3c3de58f 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -16,7 +16,7 @@
 	{%- endif %}
 
 	<link rel="stylesheet" type="text/css" href="/static/libs/bootstrap.min.css?v=4">
-	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=49">
+	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=50">
 	<link rel="search" type="application/opensearchdescription+xml" href="/static/opensearch.xml" title="ContentDB" />
 
 	{% if noindex -%}