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

26
assets/css/main.css
View File

@@ -2,16 +2,28 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
body { @font-face {
font-family: font-family: "Inter";
'Public Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; src: url("/fonts/Inter.woff2") format("woff2 supports variations"),
font-weight: 300; url("/fonts/Inter.woff2") format("woff2-variations");
font-weight: 400 700;
font-style: normal;
font-display: swap;
} }
@layer components { @font-face {
.h-screen-n { font-family: "Inter";
@apply min-h-screen pt-16 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 { @layer utilities {

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.

8
src/layouts/Layout.astro
View File

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

5
src/pages/index.astro
View File

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