granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Switch font from Goalking to AGrot

Browse source 
- Import fonts.css in app.html
- Update --font-family CSS variable to use AGrot
- Adjust $bold weight from 600 to 700 to match AGrot's available weights

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Justin Edmund 2025-12-01 13:52:55 -08:00
parent 7a639effaa
commit c8c4693e08
3 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/app.html
View file

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/fonts/fonts.css" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">

4
src/themes/_typography.scss
View file

@ -7,10 +7,10 @@
font-display: swap;
}
// Font-weight
// Font-weight (AGrot: 400, 500, 700, 900)
$normal: 400;
$medium: 500;
$bold: 600;
$bold: 700;
// Font size (in rems based on 10px base = 62.5% of 16px)
$font-tiny: 1.1rem; // 11px (1.1 × 10px)

2
src/themes/themes.scss
View file

@ -7,7 +7,7 @@
@use 'mixins';
:root {
--font-family: 'Goalking', system-ui, sans-serif;
--font-family: 'AGrot', system-ui, sans-serif;
// Spacing variables
--unit: #{spacing.$unit};