diff --git a/docs/_sass/color_schemes/_variables.scss b/docs/_sass/color_schemes/_variables.scss
index 3883cee66c1..84c85b6eae2 100644
--- a/docs/_sass/color_schemes/_variables.scss
+++ b/docs/_sass/color_schemes/_variables.scss
@@ -27,4 +27,8 @@ $yellow-300: #e7af06 !default;
 $red-000: #f77e7e !default;
 $red-100: #f96e65 !default;
 $red-200: #e94c4c !default;
-$red-300: #dd2e2e !default;
\ No newline at end of file
+$red-300: #dd2e2e !default;
+
+$font-family-main: 'Overpass', Roboto, sans-serif;
+$font-family-heading: 'Overpass', Roboto, sans-serif;
+$font-family-logo: 'Overpass', Roboto, sans-serif;
\ No newline at end of file
diff --git a/docs/_sass/color_schemes/custom_dark.scss b/docs/_sass/color_schemes/custom_dark.scss
index 2f6bc01f2a7..28831f2b8bc 100644
--- a/docs/_sass/color_schemes/custom_dark.scss
+++ b/docs/_sass/color_schemes/custom_dark.scss
@@ -1,5 +1,6 @@
 @import "./variables";
 @import "../highlight/native.scss";
+@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&display=swap');
 
 $new-body-background-color: #292929;
 
@@ -20,5 +21,3 @@ $table-background-color: lighten($new-body-background-color, 5%); // Replacing d
 $search-background-color: $new-body-background-color; // Replacing default $grey-dk-250
 $search-result-preview-color: $grey-dk-000;
 $border-color: #6A6A6A; // Replacing default $grey-dk-200
-
-