Accords-Library-Archive
/
v3.accords-library.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change fontsd

This commit is contained in:
DrMint 2024-02-01 21:02:33 +01:00
parent 03fe8920e8
commit 7f7233934d
1 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/AppLayout/components/Html.astro
View File

@ -1,5 +1,8 @@
--- ---
import UAParser from "ua-parser-js"; import UAParser from "ua-parser-js";
import { ViewTransitions } from "astro:transitions";
import "@fontsource-variable/vollkorn";
import "@fontsource-variable/murecho";
interface Props { interface Props {
title: string; title: string;
@ -29,14 +32,8 @@ const { currentTheme } = Astro.locals;
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title>{title}</title> <title>{title}</title>
<link rel="icon" type="image/svg+xml" href="/favicon.ico" /> <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<!-- Fonts google -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="/css/tippy.css" /> <link rel="stylesheet" href="/css/tippy.css" />
<link
href="https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;500;600;700;800;900&family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap"
rel="stylesheet"
/>
<noscript> <noscript>
<style> <style>
.when-js { .when-js {
@ -47,6 +44,7 @@ const { currentTheme } = Astro.locals;
} }
</style> </style>
</noscript> </noscript>
<ViewTransitions />
</head> </head>
<body class:list={{ "texture-dots": !isIOS }}> <body class:list={{ "texture-dots": !isIOS }}>
@ -102,6 +100,12 @@ const { currentTheme } = Astro.locals;
& .when-dark-theme { & .when-dark-theme {
display: none !important; display: none !important;
} }
font-weight: 430;
strong {
font-weight: 600;
}
} }
&.dark-theme { &.dark-theme {
@ -192,6 +196,12 @@ const { currentTheme } = Astro.locals;
& .when-dark-theme { & .when-dark-theme {
display: none !important; display: none !important;
} }
font-weight: 430;
strong {
font-weight: 600;
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -266,23 +276,27 @@ const { currentTheme } = Astro.locals;
h6, h6,
p, p,
button { button {
line-height: 1;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
h1,
h2 {
font-weight: 800;
}
.font-serif { .font-serif {
font-family: "Vollkorn", serif; font-family: "Vollkorn Variable", serif;
} }
:root { :root {
--font-serif: "Vollkorn", serif; --font-serif: "Vollkorn Variable", serif;
} }
button, button,
body { body {
font-family: "Zen Maru Gothic", sans-serif; font-family: "Murecho Variable", sans-serif;
font-weight: 500; line-height: 1;
} }
a { a {
@ -293,7 +307,7 @@ const { currentTheme } = Astro.locals;
p { p {
& a { & a {
color: var(--color-base-750); color: var(--color-base-750);
text-decoration: underline dotted var(--color-base-650); text-decoration: underline dotted 0.1em var(--color-base-650);
} }
} }