diff --git a/src/components/AppLayout/components/Html.astro b/src/components/AppLayout/components/Html.astro
index 81282b6..6279d89 100644
--- a/src/components/AppLayout/components/Html.astro
+++ b/src/components/AppLayout/components/Html.astro
@@ -1,5 +1,8 @@
---
import UAParser from "ua-parser-js";
+import { ViewTransitions } from "astro:transitions";
+import "@fontsource-variable/vollkorn";
+import "@fontsource-variable/murecho";
interface Props {
title: string;
@@ -29,14 +32,8 @@ const { currentTheme } = Astro.locals;
{title}
-
-
-
-
+
+
@@ -102,6 +100,12 @@ const { currentTheme } = Astro.locals;
& .when-dark-theme {
display: none !important;
}
+
+ font-weight: 430;
+
+ strong {
+ font-weight: 600;
+ }
}
&.dark-theme {
@@ -192,6 +196,12 @@ const { currentTheme } = Astro.locals;
& .when-dark-theme {
display: none !important;
}
+
+ font-weight: 430;
+
+ strong {
+ font-weight: 600;
+ }
}
@media (prefers-color-scheme: dark) {
@@ -266,23 +276,27 @@ const { currentTheme } = Astro.locals;
h6,
p,
button {
- line-height: 1;
padding: 0;
margin: 0;
}
+ h1,
+ h2 {
+ font-weight: 800;
+ }
+
.font-serif {
- font-family: "Vollkorn", serif;
+ font-family: "Vollkorn Variable", serif;
}
:root {
- --font-serif: "Vollkorn", serif;
+ --font-serif: "Vollkorn Variable", serif;
}
button,
body {
- font-family: "Zen Maru Gothic", sans-serif;
- font-weight: 500;
+ font-family: "Murecho Variable", sans-serif;
+ line-height: 1;
}
a {
@@ -293,7 +307,7 @@ const { currentTheme } = Astro.locals;
p {
& a {
color: var(--color-base-750);
- text-decoration: underline dotted var(--color-base-650);
+ text-decoration: underline dotted 0.1em var(--color-base-650);
}
}