Justin Edmund
c8c4693e08
- 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>
24 lines
716 B
SCSS
24 lines
716 B
SCSS
// Fonts
|
||
@font-face {
|
||
font-family: 'Goalking';
|
||
src: url('/fonts/gk-variable.woff2') format('woff2-variations');
|
||
font-weight: 100 900;
|
||
font-style: normal;
|
||
font-display: swap;
|
||
}
|
||
|
||
// Font-weight (AGrot: 400, 500, 700, 900)
|
||
$normal: 400;
|
||
$medium: 500;
|
||
$bold: 700;
|
||
|
||
// Font size (in rems based on 10px base = 62.5% of 16px)
|
||
$font-tiny: 1.1rem; // 11px (1.1 × 10px)
|
||
$font-small: 1.3rem; // 13px (1.3 × 10px)
|
||
$font-button: 1.5rem; // 15px (1.5 × 10px)
|
||
$font-name: 1.5rem; // 15px (1.5 × 10px)
|
||
$font-regular: 1.6rem; // 16px (1.6 × 10px)
|
||
$font-medium: 1.8rem; // 18px (1.8 × 10px)
|
||
$font-large: 2.1rem; // 21px (2.1 × 10px)
|
||
$font-xlarge: 2.4rem; // 24px (2.4 × 10px)
|
||
$font-xxlarge: 2.8rem; // 28px (2.8 × 10px)
|