diff --git a/README.md b/README.md
index 065985f0..e74cb52c 100644
--- a/README.md
+++ b/README.md
@@ -143,6 +143,4 @@ Please see our [roadmap](https://github.com/mue/mue/projects)
 
 [Opera Forum](https://forums.opera.com/topic/25046/how-to-disable-completely-the-speed-dial/14) - Portions of code to add Opera support
 
-[Google Fonts](https://fonts.google.com) - Lexend Deca and Roboto fonts
-
 And many thanks to [Highholding](https://discord.bio/p/highholding), [Noa Shapira](#), [Roee Lupo](https://github.com/RoeeLupo), [Jeroen](#), [Glasvegas](https://twitter.com/_glasvegas), [Anders](https://github.com/FuryingFox), [Oded Shapira](https://twitter.com/dondishdev), Jacob Tyrrell and [Nikka Lai](#) for letting us use their wonderful photographs
diff --git a/package.json b/package.json
index 8e22615f..9a0440dd 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,8 @@
     "@material-ui/core": "4.11.0",
     "@material-ui/icons": "4.9.1",
     "@muetab/quotes": "^1.0.0",
+    "fontsource-lexend-deca": "^3.0.10",
+    "fontsource-roboto": "^3.0.3",
     "lodash.merge": "4.6.2",
     "react": "16.14.0",
     "react-clock": "^2.4.0",
diff --git a/public/fonts/LexendDeca-Regular.woff2 b/public/fonts/LexendDeca-Regular.woff2
deleted file mode 100644
index d5651fff..00000000
Binary files a/public/fonts/LexendDeca-Regular.woff2 and /dev/null differ
diff --git a/public/fonts/Roboto-Cyrillic.woff2 b/public/fonts/Roboto-Cyrillic.woff2
deleted file mode 100644
index de226b37..00000000
Binary files a/public/fonts/Roboto-Cyrillic.woff2 and /dev/null differ
diff --git a/src/index.js b/src/index.js
index edb71b8b..db69523f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -5,6 +5,9 @@ import App from './App';
 import './scss/index.scss';
 import 'react-toastify/dist/ReactToastify.css'; // the toast css is based on default so we need to import it
 
+import 'fontsource-lexend-deca/latin-400-normal.css';
+import 'fontsource-roboto/cyrillic-400-normal.css';
+
 ReactDOM.render(
     <App/>,
     document.getElementById('root')
diff --git a/src/scss/index.scss b/src/scss/index.scss
index 55c67406..c3771153 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -29,16 +29,6 @@ body {
     outline: none;
 }
 
-@font-face {
-    font-family: 'Lexend Deca';
-    src: url('/./fonts/LexendDeca-Regular.woff2') format('woff2');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('/./fonts/Roboto-Cyrillic.woff2') format('woff2');
-}
-
 #center {
     margin-left: 2vw;
     margin-right: 2vw;