diff --git a/docs/latest/deployment/recipes/embedded-viewer.md b/docs/latest/deployment/recipes/embedded-viewer.md
index 3e7427f5c..c5a08f2cf 100644
--- a/docs/latest/deployment/recipes/embedded-viewer.md
+++ b/docs/latest/deployment/recipes/embedded-viewer.md
@@ -17,8 +17,8 @@ include tags. Here's how it works:
-
- Google Font @ Sanchez
+
+ Google Fonts, Sanchez & Roboto
diff --git a/public/index.html b/public/index.html
index 6ad5bce59..f644ad78e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -26,7 +26,7 @@
-
+
diff --git a/src/variables.css b/src/variables.css
index 0e430b294..bc13b3c0e 100644
--- a/src/variables.css
+++ b/src/variables.css
@@ -1,30 +1,31 @@
/* Sizes */
:root {
- --top-bar-height: 40px;
- --top-bar-expanded-height: 160px;
- --toolbar-height: 78px;
- --toolbar-drawer-height: 62px;
- --left-sidebar-menu-width: 307px;
- --right-sidebar-menu-width: 323px;
- --study-list-padding: 8%;
- --study-list-padding-medium-screen: 10px;
+ --top-bar-height: 40px;
+ --top-bar-expanded-height: 160px;
+ --toolbar-height: 78px;
+ --toolbar-drawer-height: 62px;
+ --left-sidebar-menu-width: 307px;
+ --right-sidebar-menu-width: 323px;
+ --study-list-padding: 8%;
+ --study-list-padding-medium-screen: 10px;
}
/* Fonts */
+/* Logo font should be SVG so we don't need to load an entire font */
:root {
- --logo-font-family: "Sanchez";
- --logo-font-weight: 300;
+ --logo-font-family: 'Sanchez';
+ --logo-font-weight: 300; /* Sanchez, 300 does not exist */
}
/* Transitions */
:root {
- --transition-duration: 0.3s;
- --transition-effect: ease;
- --sidebar-transition: all 0.3s ease;
+ --transition-duration: 0.3s;
+ --transition-effect: ease;
+ --sidebar-transition: all 0.3s ease;
}
/* Thicknesses */
:root {
- --viewport-border-thickness: 1px;
- --ui-border-thickness: 1px;
+ --viewport-border-thickness: 1px;
+ --ui-border-thickness: 1px;
}