diff --git a/web/assets/NotoSans-Bold.ttf b/web/assets/NotoSans-Bold.ttf
deleted file mode 100644
index 6e00cdce1..000000000
Binary files a/web/assets/NotoSans-Bold.ttf and /dev/null differ
diff --git a/web/assets/NotoSans-Regular.ttf b/web/assets/NotoSans-Regular.ttf
deleted file mode 100644
index 9dd10199b..000000000
Binary files a/web/assets/NotoSans-Regular.ttf and /dev/null differ
diff --git a/web/assets/OFL.txt b/web/assets/fonts/OFL.txt
similarity index 97%
rename from web/assets/OFL.txt
rename to web/assets/fonts/OFL.txt
index 13f3f8d59..94d1bf7b5 100644
--- a/web/assets/OFL.txt
+++ b/web/assets/fonts/OFL.txt
@@ -1,5 +1,3 @@
-Open Font License applies to NotoSans-Regular.ttf and NotoSans-Bold.ttf in this directory
-
 Copyright 2012 Google Inc. All Rights Reserved.
 
 This Font Software is licensed under the SIL Open Font License,
diff --git a/web/assets/fonts/noto-sans-v27-latin-700.woff b/web/assets/fonts/noto-sans-v27-latin-700.woff
new file mode 100644
index 000000000..a03733c89
Binary files /dev/null and b/web/assets/fonts/noto-sans-v27-latin-700.woff differ
diff --git a/web/assets/fonts/noto-sans-v27-latin-700.woff2 b/web/assets/fonts/noto-sans-v27-latin-700.woff2
new file mode 100644
index 000000000..e805a0097
Binary files /dev/null and b/web/assets/fonts/noto-sans-v27-latin-700.woff2 differ
diff --git a/web/assets/fonts/noto-sans-v27-latin-regular.woff b/web/assets/fonts/noto-sans-v27-latin-regular.woff
new file mode 100644
index 000000000..864551edb
Binary files /dev/null and b/web/assets/fonts/noto-sans-v27-latin-regular.woff differ
diff --git a/web/assets/fonts/noto-sans-v27-latin-regular.woff2 b/web/assets/fonts/noto-sans-v27-latin-regular.woff2
new file mode 100644
index 000000000..b84370d5f
Binary files /dev/null and b/web/assets/fonts/noto-sans-v27-latin-regular.woff2 differ
diff --git a/web/source/css/base.css b/web/source/css/base.css
index 7f59aebfd..ca15984e3 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -18,16 +18,24 @@
 
 @import "modern-normalize/modern-normalize.css";
 
+/* noto-sans-regular - latin */
 @font-face {
-	font-family: "Noto Sans";
-	font-weight: 400;
-	src: url(../NotoSans-Regular.ttf) format('truetype');
+  font-family: "Noto Sans";
+  font-weight: 400;
+  font-display: swap;
+  font-style: normal;
+  src: url('../fonts/noto-sans-v27-latin-regular.woff2') format('woff2'),
+       url('../fonts/noto-sans-v27-latin-regular.woff') format('woff');
 }
 
+/* noto-sans-700 - latin */
 @font-face {
-	font-family: "Noto Sans";
-	font-weight: bold;
-	src: url(../NotoSans-Bold.ttf) format('truetype');
+  font-family: "Noto Sans";
+  font-weight: 700;
+  font-display: swap;
+  font-style: normal;
+  src: url('../fonts/noto-sans-v27-latin-700.woff2') format('woff2'),
+       url('../fonts/noto-sans-v27-latin-700.woff') format('woff');
 }
 
 /* standard border radius for nice squircles */