refactor: move fonts import to css file

Author: pstorozenko

app.py

@@ -12,15 +12,8 @@
 logger.remove()
 logger.add(sys.stderr, level=app_settings.log_level)
 
-# External resources, like CSS and JS files
-# Can be moved to a separate file
-google_fonts_tag = ui.TagList(
-    ui.tags.link(rel="stylesheet", href="https://fonts.googleapis.com/css2?family=Roboto"),
-    ui.tags.link(rel="stylesheet", href="https://fonts.googleapis.com/css2?family=Maven+Pro"),
-)
-
 # Combine clean shiny UI with CSS and external resources
-ui_with_css = ui.TagList(ui.tags.link(href="style.css", rel="stylesheet"), google_fonts_tag, get_dashboard_ui())
+ui_with_css = ui.TagList(ui.tags.link(href="style.css", rel="stylesheet"), get_dashboard_ui())
 
 app_dir = Path(__file__).parent
 app = App(ui_with_css, server, static_assets=app_dir / "www")

www/style.css

@@ -1,3 +1,7 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@300;400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400;1,500&display=swap');
+
 body {
   font-family: 'Roboto', sans-serif;
   background-color: #f0f6ff;