Joururi/joururi-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added inter font

Browse Source
This commit is contained in:
Alexis
2024-08-06 17:41:53 +02:00
parent 76ae8b1f2d
commit a5d8b0f362
5 changed files with 26 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
assets/css/main.css
View File

@@ -2,20 +2,32 @@
@tailwind components;
@tailwind utilities;
body {
font-family:
'Public Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: 300;
@font-face {
font-family: "Inter";
src: url("/fonts/Inter.woff2") format("woff2 supports variations"),
url("/fonts/Inter.woff2") format("woff2-variations");
font-weight: 400 700;
font-style: normal;
font-display: swap;
}
@layer components {
.h-screen-n {
@apply min-h-screen pt-16
}
@font-face {
font-family: "Inter";
src: url("/fonts/Inter-Italic.woff2") format("woff2 supports variations"),
url("/fonts/Inter-Italic.woff2") format("woff2-variations");
font-weight: 400 700;
font-style: italic;
font-display: swap;
}
body {
font-family:
"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: 300;
}
@layer utilities {
.flow > * + * {
margin-top: .5em;
}
}
}

BIN
public/fonts/Inter-Italic.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/Inter.woff2 Normal file
View File

Binary file not shown.

10
src/layouts/Layout.astro
View File

@@ -30,13 +30,7 @@ if (title) {
<title>{ renderedTitle }</title>
</head>
<body class="bg-stone-50">
<div class="container transition-all">
<div class="h-screen py-12 px-24 shadow-sm bg-white">
<div class="mt-32">
<slot />
</div>
</div>
</div>
<body class="bg-slate-950 text-white">
<slot />
</body>
</html>

5
src/pages/index.astro
View File

@@ -1,11 +1,12 @@
---
import Heading from '../components/Heading.astro';
import Layout from '../layouts/Layout.astro';
---
<Layout>
<main>
<h1 class="text-4xl font-bold">
<Heading tag="h1">
Titre
</h1>
</Heading>
</main>
</Layout>