diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index b150812..5e647e9 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -20,7 +20,7 @@
 <style>
     .sbdocs,
     .sbdocs-title {
-        font-family: 'Roboto';
+        font-family: Roboto, sans-serif !important;
     }
     .sbdocs.sbdocs-wrapper {
         justify-content: flex-start;
diff --git a/.storybook/preview.less b/.storybook/preview.less
index 200545e..22f745f 100644
--- a/.storybook/preview.less
+++ b/.storybook/preview.less
@@ -53,7 +53,7 @@
 }
 
 body {
-    @font-14-400();
+    @body-compact-01();
 }
 
 #storybook-root {
diff --git a/assets/fonts/inconsolata-v32-latin_latin-ext-regular.woff2 b/assets/fonts/inconsolata-v32-latin_latin-ext-regular.woff2
new file mode 100644
index 0000000..0b6cd87
Binary files /dev/null and b/assets/fonts/inconsolata-v32-latin_latin-ext-regular.woff2 differ
diff --git a/assets/fonts/roboto-condensed-v27-latin_latin-ext-600.woff2 b/assets/fonts/roboto-condensed-v27-latin_latin-ext-600.woff2
new file mode 100644
index 0000000..6c1f0f1
Binary files /dev/null and b/assets/fonts/roboto-condensed-v27-latin_latin-ext-600.woff2 differ
diff --git a/assets/fonts/roboto-condensed-v27-latin_latin-ext-regular.woff2 b/assets/fonts/roboto-condensed-v27-latin_latin-ext-regular.woff2
new file mode 100644
index 0000000..b692202
Binary files /dev/null and b/assets/fonts/roboto-condensed-v27-latin_latin-ext-regular.woff2 differ
diff --git a/assets/fonts/roboto-v47-latin_latin-ext-600.woff2 b/assets/fonts/roboto-v47-latin_latin-ext-600.woff2
deleted file mode 100644
index 0a5bc67..0000000
Binary files a/assets/fonts/roboto-v47-latin_latin-ext-600.woff2 and /dev/null differ
diff --git a/assets/fonts/roboto-v47-latin_latin-ext-700.woff2 b/assets/fonts/roboto-v47-latin_latin-ext-700.woff2
new file mode 100644
index 0000000..518672c
Binary files /dev/null and b/assets/fonts/roboto-v47-latin_latin-ext-700.woff2 differ
diff --git a/less/font.less b/less/font.less
index 6d1dbe8..0ef9294 100644
--- a/less/font.less
+++ b/less/font.less
@@ -1,7 +1,6 @@
-/* Generated with: https://gwfh.mranftl.com/fonts/roboto?subsets=latin,latin-ext */
-
 // stylelint-disable @bluecateng/property-strict-value
 
+// Generated with: https://gwfh.mranftl.com/fonts/roboto?subsets=latin,latin-ext
 /* roboto-300 - 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. */
@@ -11,7 +10,6 @@
     src: url('../assets/fonts/roboto-v47-latin_latin-ext-300.woff2')
         format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
-
 /* roboto-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. */
@@ -21,13 +19,43 @@
     src: url('../assets/fonts/roboto-v47-latin_latin-ext-regular.woff2')
         format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
-
-/* roboto-600 - latin_latin-ext */
+/* roboto-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: 'Roboto';
     font-style: normal;
+    font-weight: 700;
+    src: url('../assets/fonts/roboto-v47-latin_latin-ext-700.woff2')
+        format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+// Generated with: https://gwfh.mranftl.com/fonts/roboto-condensed?subsets=latin,latin-ext
+/* roboto-condensed-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: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 400;
+    src: url('../assets/fonts/roboto-condensed-v27-latin_latin-ext-regular.woff2')
+        format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+/* roboto-condensed-600 - 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: 'Roboto Condensed';
+    font-style: normal;
     font-weight: 600;
-    src: url('../assets/fonts/roboto-v47-latin_latin-ext-600.woff2')
+    src: url('../assets/fonts/roboto-condensed-v27-latin_latin-ext-600.woff2')
+        format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+// Generated with: https://gwfh.mranftl.com/fonts/inconsolata?subsets=latin,latin-ext
+/* inconsolata-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: 'Inconsolata';
+    font-style: normal;
+    font-weight: 400;
+    src: url('../assets/fonts/inconsolata-v32-latin_latin-ext-regular.woff2')
         format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }