WIP

Author: Keavon

website/sass/fonts.scss

@@ -0,0 +1,55 @@
+// BONA NOVA
+@font-face {
+	font-family: "Bona Nova";
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url("https://static.graphite.rs/fonts/BonaNova.woff2") format("woff2");
+}
+
+// INTER
+@font-face {
+	font-family: "Inter";
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url("https://static.graphite.rs/fonts/InterVariable-v4.1.woff2") format("woff2");
+}
+@font-face {
+	font-family: "Inter";
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url("https://static.graphite.rs/fonts/InterVariable-Italic-v4.1.woff2") format("woff2");
+}
+@font-feature-values Inter {
+	@character-variant {
+		cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
+		cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
+		alt-1: 1; // Alternate one
+		alt-3: 9; // Flat-top three
+		open-4: 2; // Open four
+		open-6: 3; // Open six
+		open-9: 4; // Open nine
+		lc-l-with-tail: 5; // Lower-case L with tail
+		simplified-u: 6; // Simplified u
+		alt-double-s: 7; // Alternate German double s
+		uc-i-with-serif: 8; // Upper-case i with serif
+		uc-g-with-spur: 10; // Capital G with spur
+		single-story-a: 11; // Single-story a
+		compact-lc-f: 12; // Compact f
+		compact-lc-t: 13; // Compact t
+	}
+
+	@styleset {
+		ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
+		open-digits: 1; // Open digits
+		disambiguation: 2; // Disambiguation (with zero)
+		disambiguation-except-zero: 4; // Disambiguation (no zero)
+		round-quotes-and-commas: 3; // Round quotes & commas
+		square-punctuation: 7; // Square punctuation
+		square-quotes: 8; // Square quotes
+		circled-characters: 5; // Circled characters
+		squared-characters: 6; // Squared characters
+	}
+}

website/templates/base.html

@@ -27,14 +27,12 @@
 	{% block rss -%}
 	<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path = 'blog/rss.xml', trailing_slash = false) | safe }}" />
 	{%- endblock %}
-	<link rel="preconnect" href="https://fonts.googleapis.com" />
-	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 
 	{#- ON EVERY PAGE OF THE SITE: CSS AND JS TO LOAD EITHER AS A LINK OR INLINE -#}
 	{#- ======================================================================== -#}
-	{%- set global_linked_css = ["https://fonts.googleapis.com/css2?family=Bona+Nova:wght@700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"] -%}
+	{%- set global_linked_css = [] -%}
 	{%- set global_linked_js = [] -%}
-	{%- set global_css = ["/base.css"] -%}
+	{%- set global_css = ["/base.css", "/fonts.css"] -%}
 	{%- set global_js = ["/js/text-justification.js", "/js/navbar.js"] -%}
 
 	{#- RETRIEVE FROM TEMPLATES AND PAGES: CSS AND JS TO LOAD EITHER AS A LINK OR INLINE -#}