world-game/src/styles/fonts.css
isUnknown e45380258b Feat: portfolio polish + font Danzza Light
- App.svelte : classe active sur la slide courante
- Portfolio : flèches PNG custom, <output> pour le compteur, transition gallery mobile avec délai à l'entrée seulement
- fonts.css : @font-face Danzza Light + classe .font-face-danzza-light corrigée

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-12 19:28:44 +01:00

67 lines
1.3 KiB
CSS

/* Font faces */
@font-face {
font-family: "Terminal";
font-weight: bold;
src: local("terminal-grotesque"),
url("/assets/fonts/terminal-grotesque.ttf") format("truetype");
}
@font-face {
font-family: "Danzza";
src: local("Danzza Regular"),
url("/assets/fonts/Danzza%20Regular.otf") format("opentype");
font-display: swap;
}
@font-face {
font-family: "Danzza Medium";
src: local("Danzza Medium"),
url("/assets/fonts/Danzza%20Medium.otf") format("opentype");
font-display: swap;
}
@font-face {
font-family: "Danzza Light";
src: local("Danzza Light"),
url("/assets/fonts/Danzza%20Light.otf") format("opentype");
font-display: swap;
}
@font-face {
font-family: "Danzza Bold";
src: local("Danzza Bold"),
url("/assets/fonts/Danzza%20Bold.otf") format("opentype");
font-display: swap;
}
/* Font utility classes */
.font-face-terminal {
font-family: "Terminal";
}
.font-face-danzza {
font-family: "Danzza";
}
.font-face-danzza-light {
font-family: "Danzza Light";
}
.font-face-danzza-medium {
font-family: "Danzza Medium";
}
.font-face-danzza-bold {
font-family: "Danzza Bold";
}
.green {
color: var(--color-primary);
}
.gradient-blue {
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #2c85f3 0, #68e0cf 50%);
background-clip: text;
-webkit-background-clip: text;
}