New fonts

Author: IanWitham

_layouts/main.html

@@ -27,8 +27,8 @@
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href='https://fonts.googleapis.com/css?family=Inter' rel='stylesheet' type='text/css' />
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Flex:opsz,[email protected],100..1000&display=swap" rel="stylesheet">
+
     <link href="{{ '/css/fontawesome6/css/fontawesome.css' | relative_url }}" rel="stylesheet" />
     <link rel="stylesheet" href="{{ '/css/fontawesome6/css/brands.min.css' | relative_url }}"" />
     <link rel="stylesheet" href="{{ '/css/fontawesome6/css/solid.min.css' | relative_url }}" />

css/main.css

@@ -6,10 +6,12 @@
 @theme {
     --color-brand-dark: #378bba;
     --color-brand-light: #30b9db;
-    --font-sans: "Open Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    --font-heading: "Rajdhani", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --font-heading: "Roboto Flex", sans-serif;
 }
 
+
+
 button {
     @apply cursor-pointer
 }
@@ -104,6 +106,8 @@ a[href^="http"]::after {
     font-weight: normal;
     font-style: normal;
     font-size: .6em;
+    vertical-align: 0.1rem;
+    opacity: 0.6;
     display: inline-block;
     text-decoration: none;
     padding-left: 0.4em;