world-game/src/styles/fonts.css
isUnknown 65e345585a fix(styles): typographie strong, grille layout, ajustements collection mobile
- fonts.css : strong { font-weight: 900 }
- layout.css : ajustement grid-template-rows (lignes 6-7 réduites à 2fr)
- collection.css : padding header mobile, tailles de police, gap carte,
  image aspect-ratio avec marges, line-height description

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-20 11:52:12 +01:00

75 lines
1.4 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;
}
.pixel {
font-family: "Terminal", sans-serif;
}
strong {
font-weight: 900;
}