diff --git a/css/foundations/font-face.postcss b/css/foundations/font-face.postcss
index 6f1238159..45d4ba17d 100644
--- a/css/foundations/font-face.postcss
+++ b/css/foundations/font-face.postcss
@@ -6,32 +6,36 @@
   font-family: 'Font-Regular';
   font-style: normal;
   font-display: swap;
-  src: url('./fonts/NotoSans-Regular.ttf')
-    format('truetype');
+  src:
+    url('./fonts/NotoSans-Regular.woff2') format('woff2'),
+    url('./fonts/NotoSans-Regular.ttf') format('truetype');
 }
 
 @font-face {
   font-family: 'Font-Bold';
   font-style: normal;
   font-display: swap;
-  src: url('./fonts/NotoSans-Bold.ttf')
-    format('truetype');
+  src:
+    url('./fonts/NotoSans-Bold.woff2') format('woff2'),
+    url('./fonts/NotoSans-Bold.ttf') format('truetype');
 }
 
 @font-face {
   font-family: 'Font-Italic';
   font-style: italic;
   font-display: swap;
-  src: url('./fonts/NotoSans-Italic.ttf')
-    format('truetype');
+  src:
+    url('./fonts/NotoSans-Italic.woff2') format('woff2'),
+    url('./fonts/NotoSans-Italic.ttf') format('truetype');
 }
 
 @font-face {
   font-family: 'Font-Bold-Italic';
   font-style: italic;
   font-display: swap;
-  src: url('./fonts/NotoSans-BoldItalic.ttf')
-    format('truetype');
+  src:
+    url('./fonts/NotoSans-BoldItalic.woff2') format('woff2'),
+    url('./fonts/NotoSans-BoldItalic.ttf') format('truetype');
 }
 
 @font-face {
diff --git a/css/foundations/fonts/NotoSans-Bold.woff2 b/css/foundations/fonts/NotoSans-Bold.woff2
new file mode 100644
index 000000000..9e890fa92
Binary files /dev/null and b/css/foundations/fonts/NotoSans-Bold.woff2 differ
diff --git a/css/foundations/fonts/NotoSans-BoldItalic.woff2 b/css/foundations/fonts/NotoSans-BoldItalic.woff2
new file mode 100644
index 000000000..3a71521b4
Binary files /dev/null and b/css/foundations/fonts/NotoSans-BoldItalic.woff2 differ
diff --git a/css/foundations/fonts/NotoSans-Italic.woff2 b/css/foundations/fonts/NotoSans-Italic.woff2
new file mode 100644
index 000000000..01a18254f
Binary files /dev/null and b/css/foundations/fonts/NotoSans-Italic.woff2 differ
diff --git a/css/foundations/fonts/NotoSans-Regular.woff2 b/css/foundations/fonts/NotoSans-Regular.woff2
new file mode 100644
index 000000000..a94a5f30c
Binary files /dev/null and b/css/foundations/fonts/NotoSans-Regular.woff2 differ