Update

haakmal · Jun 4, 2023 · ee6ea83 · ee6ea83
1 parent 4a756bc
commit ee6ea83
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/css/skeleton-auto.css b/css/skeleton-auto.css
@@ -93,15 +93,15 @@ body {
   font-size: 18px;
   line-height: 24px;
   font-weight: 400;
-  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
+  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
     sans-serif;
 }
 
 /* Typography
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 h1 {
   margin-top: 0;
-  margin-bottom: 16px;
+  margin-bottom: 0px;
   font-weight: 800;
 }
 h1 {

diff --git a/css/skeleton-dark.css b/css/skeleton-dark.css
@@ -93,15 +93,15 @@ body {
   font-size: 18px;
   line-height: 24px;
   font-weight: 400;
-  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
+  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
     sans-serif;
 }
 
 /* Typography
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 h1 {
   margin-top: 0;
-  margin-bottom: 16px;
+  margin-bottom: 0px;
   font-weight: 800;
 }
 h1 {

diff --git a/css/skeleton-light.css b/css/skeleton-light.css
@@ -93,15 +93,15 @@ body {
   font-size: 18px;
   line-height: 24px;
   font-weight: 400;
-  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
+  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
     sans-serif;
 }
 
 /* Typography
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 h1 {
   margin-top: 0;
-  margin-bottom: 16px;
+  margin-bottom: 0px;
   font-weight: 800;
 }
 h1 {

diff --git a/index.html b/index.html
@@ -25,6 +25,10 @@
             Dark:   css/skeleton-dark.css
      -->
     <link rel="stylesheet" href="css/skeleton-auto.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <!-- Added Google Fonts -->
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
 
     <!-- Brand Styles -->
     <link rel="stylesheet" href="css/brands.css">