Fonts: Use fontsource package for loading fonts

.gitignore

@@ -17,8 +17,6 @@ local/
 node_modules
 npm-debug.log
 pip-selfcheck.json
-sphinx_rtd_theme/static/fonts/Lato/
-sphinx_rtd_theme/static/fonts/RobotoSlab/
 .python-version
 .node-version
 sphinx_rtd_theme/static/js/html5shiv.min.js

package.json

@@ -24,15 +24,15 @@
     "copy-webpack-plugin": "^5.1.1",
     "css-loader": "^3.1.0",
     "file-loader": "^3.0.1",
+    "@fontsource/lato": "^4.2.2",
+    "@fontsource/roboto-slab": "^4.2.2",
     "font-awesome": "^4.7.0",
     "html5shiv": "^3.7.3",
     "imports-loader": "^0.8.0",
     "jquery": "^3.4.1",
-    "lato-font": "^3.0.0",
     "mini-css-extract-plugin": "^0.6.0",
     "node-sass": "^4.13.1",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
-    "roboto-fontface": "^0.10.0",
     "sass-loader": "^7.3.0",
     "style-loader": "^0.23.1",
     "webpack": "^4.30.0",

src/sass/_theme_font_local.sass

@@ -1,44 +1,44 @@
-$lato-font-path: "~lato-font/fonts"
-$roboto-font-path: "~roboto-fontface/fonts/roboto-slab"
+$lato-font-path: "~@fontsource/lato/files"
+$roboto-font-path: "~@fontsource/roboto-slab/files"
 
 @font-face
   font-family: 'Lato'
-  src: url('#{$lato-font-path}/lato-normal/lato-normal.woff2') format('woff2'), url('#{$lato-font-path}/lato-normal/lato-normal.woff') format('woff')
+  src: url('#{$lato-font-path}/lato-all-400-normal.woff') format('woff')
   font-weight: 400
   font-style: normal
   font-display: $font-display
 
 @font-face
   font-family: 'Lato'
-  src: url('#{$lato-font-path}/lato-bold/lato-bold.woff2') format('woff2'), url('#{$lato-font-path}/lato-bold/lato-bold.woff') format('woff')
+  src: url('#{$lato-font-path}/lato-all-700-normal.woff') format('woff')
   font-weight: 700
   font-style: normal
   font-display: $font-display
 
 @font-face
   font-family: 'Lato'
-  src: url('#{$lato-font-path}/lato-bold-italic/lato-bold-italic.woff2') format('woff2'), url('#{$lato-font-path}/lato-bold-italic/lato-bold-italic.woff') format('woff')
-  font-weight: 700
+  src: url('#{$lato-font-path}/lato-all-400-italic.woff') format('woff')
+  font-weight: 400
   font-style: italic
   font-display: $font-display
 
 @font-face
   font-family: 'Lato'
-  src: url('#{$lato-font-path}/lato-normal-italic/lato-normal-italic.woff2') format('woff2'), url('#{$lato-font-path}/lato-normal-italic/lato-normal-italic.woff') format('woff')
-  font-weight: 400
+  src: url('#{$lato-font-path}/lato-all-700-italic.woff') format('woff')
+  font-weight: 700
   font-style: italic
   font-display: $font-display
 
 @font-face
   font-family: 'Roboto Slab'
   font-style: normal
   font-weight: 400
-  src: url('#{$roboto-font-path}/Roboto-Slab-Regular.woff2') format('woff2'), url('#{$roboto-font-path}/Roboto-Slab-Regular.woff') format('woff')
+  src: url('#{$roboto-font-path}/roboto-slab-all-400-normal.woff') format('woff')
   font-display: $font-display
 
 @font-face
   font-family: 'Roboto Slab'
   font-style: normal
   font-weight: 700
-  src: url('#{$roboto-font-path}/Roboto-Slab-Bold.woff2') format('woff2'), url('#{$roboto-font-path}/Roboto-Slab-Bold.woff') format('woff')
+  src: url('#{$roboto-font-path}/roboto-slab-all-700-normal.woff') format('woff')
   font-display: $font-display