Add silka font css and replace the font css in lektorproject

.gitignore

@@ -169,3 +169,4 @@ nppBackup/
 
 # Other files
 toread.md
+/assets/static/fonts/silka/

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 */

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");
+}

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'>"