infra/site
2
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: add jgs-7 font with removed glyphs

Browse source 
Credits: https://velvetyne.fr/fonts/jgs-font/
This commit is contained in:
Dariusz Niemczyk 2025-01-29 21:08:46 +01:00
parent 34330d9d1f
commit 2a4c2ca392
No known key found for this signature in database
6 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/fonts/jgs7.ttf Normal file
View file

Binary file not shown.

BIN
public/fonts/jgs7.woff Normal file
View file

Binary file not shown.

BIN
public/fonts/jgs7.woff2 Normal file
View file

Binary file not shown.

BIN
public/jgs7.ttf Normal file
View file

Binary file not shown.

8
src/app/[locale]/page.tsx
View file

@ -40,9 +40,9 @@ export default function Home() {
</video> </video>
</div> </div>
<div className="relative z-10 container mx-auto px-4 h-full flex items-center justify-center"> <div className="relative z-10 container mx-auto px-4 h-full flex items-center justify-center">
<div className="text-center"> <div className="text-center font-[JGS7]">
<h1 className="text-6xl md:text-8xl font-bold tracking-tighter mb-6 light:text-background">{t.hero.title}</h1> <h1 className="text-5xl sm:text-6xl md:text-8xl font-bold tracking-tighter mb-6 light:text-background">{t.hero.title}</h1>
<p className="text-xl md:text-2xl text-primary">{t.hero.subtitle}</p> <p className="text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl-text:7xl 2xl:text-8xl text-primary">{t.hero.subtitle}</p>
</div> </div>
</div> </div>
</section> </section>
@ -69,7 +69,7 @@ export default function Home() {
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<h2 className="text-4xl font-bold mb-8 tracking-tighter">{t.when.title}</h2> <h2 className="text-4xl font-bold mb-8 tracking-tighter">{t.when.title}</h2>
<div className="text-lg text-muted-foreground"> <div className="text-lg text-muted-foreground">
<p className="text-primary text-3xl">{t.when.date}</p> <p className="text-primary text-3xl font-[JGS7]">{t.when.date}</p>
<p className="mt-4">{t.when.extra}</p> <p className="mt-4">{t.when.extra}</p>
</div> </div>
</div> </div>

15
src/globals.css
View file

@ -2,6 +2,15 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@font-face {
font-family: "JGS7";
src: url("/fonts/jgs7.woff2") format("woff2"),
url("/fonts/jgs7.woff") format("woff"),
url("/fonts/jgs7.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
html { html {
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
scroll-behavior: smooth; scroll-behavior: smooth;
@ -72,9 +81,7 @@ html {
--input: hsl(0 0% 14.9%); --input: hsl(0 0% 14.9%);
--ring: hsl(0 0% 83.1%); --ring: hsl(0 0% 83.1%);
} }
}
@layer base {
* { * {
@apply border-border; @apply border-border;
} }
@ -89,3 +96,7 @@ html {
.parallax-video { .parallax-video {
transition: transform 0.25s ease-out; transition: transform 0.25s ease-out;
} }
.jgs7 {
font-family: "JGS7" !important;
}