refactor(docusaurus): added roboto library

eea · Mar 8, 2023 · 19de7b1 · 19de7b1
1 parent e991621
commit 19de7b1
Show file tree

Hide file tree

Showing 16 changed files with 7 additions and 272 deletions.
diff --git a/website/package.json b/website/package.json
@@ -13,6 +13,7 @@
   "dependencies": {
     "@docusaurus/core": "2.0.0-beta.13",
     "@docusaurus/preset-classic": "2.0.0-beta.13",
+    "@fontsource/roboto": "4.5.8",
     "@mdx-js/react": "^1.6.21",
     "clsx": "^1.1.1",
     "eslint": "^7.26.0",

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -7,76 +7,6 @@
 
 /* You can override the default Infima variables here. */
 
-@font-face { 
-  font-family: Roboto; 
-  src: url('../../static/fonts/roboto/Roboto-Black.ttf') format('truetype'); 
-  font-weight: 900;
-  font-style: normal;
-}
-
-@font-face { 
-  font-family: Roboto; 
-  src: url('../../static/fonts/roboto/Roboto-BlackItalic.ttf') format('truetype'); 
-  font-weight: 900;
-  font-style: italic;
-}
-
-@font-face { 
-  font-family: Roboto; 
-  src: url('../../static/fonts/roboto/Roboto-Bold.ttf') format('truetype'); 
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face { 
-  font-family: Roboto; 
-  src: url('../../static/fonts/roboto/Roboto-BoldItalic.ttf') format('truetype'); 
-  font-weight: 700;
-  font-style: italic;
-}
-
-@font-face { 
-  font-family: Roboto; 
-  src: url('../../static/fonts/roboto/Roboto-Medium.ttf') format('truetype'); 
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face { 
-  font-family: Roboto; 
-  src: url('../../static/fonts/roboto/Roboto-MediumItalic.ttf') format('truetype'); 
-  font-weight: 500;
-  font-style: italic;
-}
-
-@font-face { 
-  font-family: Roboto; 
-  src: url('../../static/fonts/roboto/Roboto-Regular.ttf') format('truetype'); 
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face { 
-  font-family: Roboto; 
-  src: url('../../static/fonts/roboto/Roboto-Italic.ttf') format('truetype'); 
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face { 
-  font-family: Roboto; 
-  src: url('../../static/fonts/roboto/Roboto-Light.ttf') format('truetype'); 
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face { 
-  font-family: Roboto; 
-  src: url('../../static/fonts/roboto/Roboto-LightItalic.ttf') format('truetype'); 
-  font-weight: 300;
-  font-style: italic;
-}
-
 .icon-list .icon-type-item {
   display: -ms-flexbox;
   display: flex;

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -6,6 +6,12 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import styles from './index.module.css';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
 import 'remixicon/fonts/remixicon.css'
+import '@fontsource/roboto/latin-300.css';
+import '@fontsource/roboto/latin-400.css';
+import '@fontsource/roboto/latin-500.css';
+import '@fontsource/roboto/latin-700.css';
+import '@fontsource/roboto/latin-400-italic.css';
+import '@fontsource/roboto/latin-700-italic.css';
 
 function HomepageHeader() {
   const {siteConfig} = useDocusaurusContext();

diff --git a/website/static/fonts/roboto/LICENSE.txt b/website/static/fonts/roboto/LICENSE.txt
diff --git a/website/static/fonts/roboto/Roboto-Black.ttf b/website/static/fonts/roboto/Roboto-Black.ttf
diff --git a/website/static/fonts/roboto/Roboto-BlackItalic.ttf b/website/static/fonts/roboto/Roboto-BlackItalic.ttf
diff --git a/website/static/fonts/roboto/Roboto-Bold.ttf b/website/static/fonts/roboto/Roboto-Bold.ttf
diff --git a/website/static/fonts/roboto/Roboto-BoldItalic.ttf b/website/static/fonts/roboto/Roboto-BoldItalic.ttf
diff --git a/website/static/fonts/roboto/Roboto-Italic.ttf b/website/static/fonts/roboto/Roboto-Italic.ttf
diff --git a/website/static/fonts/roboto/Roboto-Light.ttf b/website/static/fonts/roboto/Roboto-Light.ttf
diff --git a/website/static/fonts/roboto/Roboto-LightItalic.ttf b/website/static/fonts/roboto/Roboto-LightItalic.ttf
diff --git a/website/static/fonts/roboto/Roboto-Medium.ttf b/website/static/fonts/roboto/Roboto-Medium.ttf
diff --git a/website/static/fonts/roboto/Roboto-MediumItalic.ttf b/website/static/fonts/roboto/Roboto-MediumItalic.ttf
diff --git a/website/static/fonts/roboto/Roboto-Regular.ttf b/website/static/fonts/roboto/Roboto-Regular.ttf
diff --git a/website/static/fonts/roboto/Roboto-Thin.ttf b/website/static/fonts/roboto/Roboto-Thin.ttf
diff --git a/website/static/fonts/roboto/Roboto-ThinItalic.ttf b/website/static/fonts/roboto/Roboto-ThinItalic.ttf