link lato from google fonts (#10)

npup · Nov 10, 2023 · 1fbdea0 · 1fbdea0
1 parent f572934
commit 1fbdea0
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 6 deletions.
diff --git a/dist/css-to-go.css b/dist/css-to-go.css
@@ -1,3 +1,4 @@
+@import "https://fonts.googleapis.com/css?family=Lato:400,700";
 .ctg-root {
     --color-GREEN: #171;
     --color-LIGHT_GREEN: #8f8;
@@ -35,7 +36,7 @@
     --bordercolor-blockquote: var(--color-GRAY_LIGHT);
     --color-note: var(--color-text-main);
     --bgcolor-note: var(--color-row--hover);
-    --font-main: Lato, Avenir, Sans serif;
+    --font-main: Lato, Avenir, Arial, Sans serif;
     --font-formatted-numerical: Courier, Monospace, Sans serif;
     --font-formatted-date: Courier, Monospace, Sans serif;
     --transition--color: color 0.125s ease-in;

diff --git a/dist/css-to-go.min.css b/dist/css-to-go.min.css
diff --git a/docs/examples/index.html b/docs/examples/index.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>CSS To Go - Example pages</title>
-    <link rel="stylesheet" href="/_astro/index.f5a72e04.css" /></head>
+    <link rel="stylesheet" href="/_astro/index.a54dcbde.css" /></head>
     <body class="ctg-root ctg-container ctg-theme--dark">
 
     <h1 id="top">CSS To Go - examples</h1>

diff --git a/docs/examples/theme-light/index.html b/docs/examples/theme-light/index.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>CSS To Go - Example pages</title>
-    <link rel="stylesheet" href="/_astro/index.f5a72e04.css" /></head>
+    <link rel="stylesheet" href="/_astro/index.a54dcbde.css" /></head>
     <body class="ctg-root ctg-container ctg-theme--light">
 
     <h1 id="top">CSS To Go - examples</h1>

diff --git a/docs/index.html b/docs/index.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>CSS To Go - Example pages</title>
-    <link rel="stylesheet" href="/_astro/index.f5a72e04.css" /></head>
+    <link rel="stylesheet" href="/_astro/index.a54dcbde.css" /></head>
     <body class=" ctg-container ctg-theme--dark">
 
     <h1>CSS To Go</h1>

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "css-to-go",
     "type": "module",
-    "version": "1.8.0",
+    "version": "1.9.0",
     "description": "A bit of global CSS to help shape up the looks of a plain HTML document.  Has a dark mode and a light mode.",
     "author": "P.Envall <[email protected]>",
     "homepage": "https://npup.github.io/css-to-go",

diff --git a/src/styles/_variables.css b/src/styles/_variables.css
@@ -1,3 +1,6 @@
+/* Because we are using Lato below */
+@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
+
 .ctg-root {
     /** base colors */