diff --git a/assets/fonts/Metropolis-Black.woff2 b/assets/fonts/Metropolis-Black.woff2
new file mode 100644
index 0000000..9ad74d2
Binary files /dev/null and b/assets/fonts/Metropolis-Black.woff2 differ
diff --git a/assets/fonts/Metropolis-Bold.otf b/assets/fonts/Metropolis-Bold.otf
deleted file mode 100644
index a42b941..0000000
Binary files a/assets/fonts/Metropolis-Bold.otf and /dev/null differ
diff --git a/assets/fonts/Metropolis-Medium.woff2 b/assets/fonts/Metropolis-Medium.woff2
new file mode 100644
index 0000000..43578fe
Binary files /dev/null and b/assets/fonts/Metropolis-Medium.woff2 differ
diff --git a/css/style.css b/css/style.css
index 7a46539..869f483 100644
--- a/css/style.css
+++ b/css/style.css
@@ -158,14 +158,21 @@ template {
 
   /* fonts */
   --base-font-size: 18px;
-  --font-weight-normal: 400;
+  --font-weight-normal: 500;
   --font-weight-bold: 900;
 }
 
 @font-face {
   font-family: 'Metropolis';
-  src: local('Metropolis-Bold'), url('../assets/fonts/Metropolis-Bold.otf');
-  font-weight: 700;
+  src: local('Metropolis-Medium'), url('../assets/fonts/Metropolis-Medium.woff2');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Metropolis';
+  src: local('Metropolis-Bold'), url('../assets/fonts/Metropolis-Black.woff2');
+  font-weight: 900;
   font-style: normal;
 }