onvlt/personal-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix fonts

Browse source
This commit is contained in:
Ondřej 2024-01-08 17:24:25 +01:00
parent 7c75e51e2e
commit e19b5e12a1
2 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/layouts/Layout.astro
View file

@ -23,6 +23,13 @@ const { title } = Astro.props;
type="font/ttf" type="font/ttf"
crossorigin crossorigin
/> />
<link
rel="preload"
href="/fonts/Ysabeau-Italic[wght].ttf"
as="font"
type="font/ttf"
crossorigin
/>
</head> </head>
<body> <body>
<slot /> <slot />
@ -98,6 +105,14 @@ const { title } = Astro.props;
font-style: normal; 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 { html {
box-sizing: border-box; box-sizing: border-box;
} }

5
src/pages/index.astro
View file

@ -49,6 +49,11 @@ import Layout from "../layouts/Layout.astro";
.intro { .intro {
max-width: 40ch; max-width: 40ch;
} }
.intro em {
font-weight: bold;
}
.list { .list {
--bullet-offset: 1em; --bullet-offset: 1em;
} }