diff --git a/themes/to0x19/static/fonts/fonts.scss b/themes/to0x19/static/fonts/fonts.scss
index d6ca19861b0893df96a02655edefb41a8736b1a4..c073aa7ac4d9f5723ae6312f2803a97b636be3d5 100644
--- a/themes/to0x19/static/fonts/fonts.scss
+++ b/themes/to0x19/static/fonts/fonts.scss
@@ -1,45 +1,45 @@
-/* recursive-regular - latin */
+/* metropolis-regular - latin */
 $font-display: swap;
 @font-face {
-  font-family: 'Recursive';
+  font-family: 'Metropolis';
   font-display: $font-display;
   font-style: normal;
   font-weight: 400;
-  src: url('fonts/recursive-v20-latin-regular.eot'); /* IE9 Compat Modes */
+  src: url('fonts/Metropolis-Regular.eot'); /* IE9 Compat Modes */
   src: local(''),
-       url('fonts/recursive-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('fonts/recursive-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       url('fonts/recursive-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
-       url('fonts/recursive-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('fonts/recursive-v20-latin-regular.svg#Recursive') format('svg'); /* Legacy iOS */
+       url('fonts/Metropolis-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('fonts/Metropolis-Regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('fonts/Metropolis-Regular.woff') format('woff'), /* Modern Browsers */
+       url('fonts/Metropolis-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('fonts/Metropolis-Regular.svg#Recursive') format('svg'); /* Legacy iOS */
 }
 
-/* recursive-500 - latin */
+/* metropolis-bold - latin */
 @font-face {
   font-display: $font-display;
-  font-family: 'Recursive';
+  font-family: 'Metropolis';
   font-style: normal;
-  font-weight: 500;
-  src: url('fonts/recursive-v20-latin-500.eot'); /* IE9 Compat Modes */
+  font-weight: bold;
+  src: url('fonts/Metropolis-Bold.eot'); /* IE9 Compat Modes */
   src: local(''),
-       url('fonts/recursive-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('fonts/recursive-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
-       url('fonts/recursive-v20-latin-500.woff') format('woff'), /* Modern Browsers */
-       url('fonts/recursive-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('fonts/recursive-v20-latin-500.svg#Recursive') format('svg'); /* Legacy iOS */
+       url('fonts/Metropolis-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('fonts/Metropolis-Bold.woff2') format('woff2'), /* Super Modern Browsers */
+       url('fonts/Metropolis-Bold.woff') format('woff'), /* Modern Browsers */
+       url('fonts/Metropolis-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('fonts/Metropolis-Bold.svg#Recursive') format('svg'); /* Legacy iOS */
 }
 
-/* recursive-800 - latin */
+/* metropolis-black - latin */
 @font-face {
   font-display: $font-display;
-  font-family: 'Recursive';
+  font-family: 'Metropolis';
   font-style: normal;
-  font-weight: 800;
-  src: url('fonts/recursive-v20-latin-800.eot'); /* IE9 Compat Modes */
+  font-weight: bolder;
+  src: url('fonts/Metropolis-Black.eot'); /* IE9 Compat Modes */
   src: local(''),
-       url('fonts/recursive-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('fonts/recursive-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
-       url('fonts/recursive-v20-latin-800.woff') format('woff'), /* Modern Browsers */
-       url('fonts/recursive-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('fonts/recursive-v20-latin-800.svg#Recursive') format('svg'); /* Legacy iOS */
+       url('fonts/Metropolis-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('fonts/Metropolis-Black.woff2') format('woff2'), /* Super Modern Browsers */
+       url('fonts/Metropolis-Black.woff') format('woff'), /* Modern Browsers */
+       url('fonts/Metropolis-Black.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('fonts/Metropolis-Black.svg#Recursive') format('svg'); /* Legacy iOS */
 }