Fix fonts

2024-01-08 17:24:25 +01:00 · 2024-01-08 17:24:25 +01:00 · e19b5e12a1
commit e19b5e12a1
parent 7c75e51e2e
2 changed files with 20 additions and 0 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@ -23,6 +23,13 @@ const { title } = Astro.props;
      type="font/ttf"
      crossorigin
    />
+    <link
+      rel="preload"
+      href="/fonts/Ysabeau-Italic[wght].ttf"
+      as="font"
+      type="font/ttf"
+      crossorigin
+    />
  </head>
  <body>
    <slot />
@ -98,6 +105,14 @@ const { title } = Astro.props;
    font-style: normal;
  }

+  @font-face {
+    font-family: "Ysabeau";
+    src: url("/fonts/Ysabeau-Italic[wght].ttf");
+    font-weight: 300 700;
+    font-display: swap;
+    font-style: italic;
+  }
+
  html {
    box-sizing: border-box;
  }
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -49,6 +49,11 @@ import Layout from "../layouts/Layout.astro";
  .intro {
    max-width: 40ch;
  }
+
+  .intro em {
+    font-weight: bold;
+  }
+
  .list {
    --bullet-offset: 1em;
  }