From 1f28ed9971f4a3390918e42e70025ddb2100a301 Mon Sep 17 00:00:00 2001
From: conradolandia <andresconrado@gmail.com>
Date: Thu, 25 Apr 2024 13:59:04 -0500
Subject: [PATCH] Add silka font css and replace the font css in lektorproject

---
 .gitignore                          |  1 +
 assets/static/css/custom_styles.css |  4 +-
 assets/static/css/silka.css         | 89 +++++++++++++++++++++++++++++
 spyder_website.lektorproject        |  2 +-
 4 files changed, 94 insertions(+), 2 deletions(-)
 create mode 100644 assets/static/css/silka.css

diff --git a/.gitignore b/.gitignore
index 26e37b2..76431f0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -169,3 +169,4 @@ nppBackup/
 
 # Other files
 toread.md
+/assets/static/fonts/silka/
diff --git a/assets/static/css/custom_styles.css b/assets/static/css/custom_styles.css
index 9903855..7467781 100644
--- a/assets/static/css/custom_styles.css
+++ b/assets/static/css/custom_styles.css
@@ -5,7 +5,9 @@
 /* Variables */
 
 :root {
-  --main-font: "Manrope", "DejaVu Sans", "Open Sans", "Liberation Sans", helvetica, arial, sans-serif;
+  --main-font: "Silka", "DejaVu Sans", "Open Sans", "Liberation Sans", helvetica, arial, sans-serif;
+
+  font-size: 1rem;
 }
 
 /* Tweak display of logo text for small caps */
diff --git a/assets/static/css/silka.css b/assets/static/css/silka.css
new file mode 100644
index 0000000..1310c11
--- /dev/null
+++ b/assets/static/css/silka.css
@@ -0,0 +1,89 @@
+/* Black-900 */
+@font-face {
+  font-family: silka;
+  font-style: normal;
+  font-weight: 900;
+  src: url("../fonts/silka/silka-black-webfont.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: silka;
+  font-style: italic;
+  font-weight: 900;
+  src: url("../fonts/silka/silka-blackitalic-webfont.woff2") format("woff2");
+}
+
+/* Bold-600 */
+@font-face {
+  font-family: silka;
+  font-style: normal;
+  font-weight: 600;
+  src: url("../fonts/silka/silka-bold-webfont.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: silka;
+  font-style: italic;
+  font-weight: 600;
+  src: url("../fonts/silka/silka-bolditalic-webfont.woff2") format("woff2");
+}
+
+/* Regular-400 */
+@font-face {
+  font-family: silka;
+  font-style: normal;
+  font-weight: normal;
+  src: url("../fonts/silka/silka-regular-webfont.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: silka;
+  font-style: italic;
+  font-weight: normal;
+  src: url("../fonts/silka/silka-regularitalic-webfont.woff2") format("woff2");
+}
+
+/* Light-300 */
+@font-face {
+  font-family: silka;
+  font-style: normal;
+  font-weight: 300;
+  src: url("../fonts/silka/silka-light-webfont.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: silka;
+  font-style: italic;
+  font-weight: 300;
+  src: url("../fonts/silka/silka-lightitalic-webfont.woff2") format("woff2");
+}
+
+/* Extralight-200 */
+@font-face {
+  font-family: silka;
+  font-style: normal;
+  font-weight: 200;
+  src: url("../fonts/silka/silka-extralight-webfont.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: silka;
+  font-style: italic;
+  font-weight: 200;
+  src: url("../fonts/silka/silka-extralightitalic-webfont.woff2") format("woff2");
+}
+
+/* Thin-100 */
+@font-face {
+  font-family: silka;
+  font-style: normal;
+  font-weight: 100;
+  src: url("../fonts/silka/silka-thin-webfont.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: silka;
+  font-style: italic;
+  font-weight: 100;
+  src: url("../fonts/silka/silka-thinitalic-webfont.woff2") format("woff2");
+}
diff --git a/spyder_website.lektorproject b/spyder_website.lektorproject
index 3dd50a2..05490ea 100644
--- a/spyder_website.lektorproject
+++ b/spyder_website.lektorproject
@@ -37,7 +37,7 @@ theme_bg_accent_color = "#f5f5f5"
 theme_accent_color = "#d50000"
 theme_accent_alt_color = "#8c0000"
 theme_pipe_color = "#ee1c24"
-custom_css = "/static/css/custom_styles.css, https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css, 'https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700&display=swap'"
+custom_css = "/static/css/custom_styles.css, static/css/silka.css, https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
 custom_js_main =
 custom_js_singlepage = "/static/js/custom_scripts.js"
 custom_head_content = "<link rel='me' href='https://fosstodon.org/@Spyder'>"