Move custom font import to theme

Also import more complete family for diversity

Author: hoetmaaiers

pydata_sphinx_theme/static/css/theme.css

@@ -4,6 +4,11 @@
    * https://getbootstrap.com/docs/4.0/getting-started/theming/#css-variables
   **/
 
+  /*****************************************************************************
+  * Custom font
+  **/
+  @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
+
   /*****************************************************************************
   * Font size
   **/

src/scss/index.scss

@@ -11,9 +11,6 @@ $grid-breakpoints: (
 // Import Bootstrap core
 @import '../../node_modules/bootstrap/scss/bootstrap';
 
-// Import fonts
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:400|Lato:400');
-
 @import './base';
 @import './navbar';
 @import './admonitions';