17 lines
1.2 KiB
Markdown
17 lines
1.2 KiB
Markdown
# 2026-02-25 Session Notes
|
|
|
|
## LanaPixel Font Integration for Oddcore Website
|
|
|
|
Session focused on planning and initial setup for integrating LanaPixel, the ODDCORP brand pixel font, into the Oddcore website. Previously, the site used Press Start 2P from Google Fonts. The plan was to perform a clean replacement of the `--font-pixel` CSS variable, requiring no changes to individual components.
|
|
|
|
Key steps identified:
|
|
1. Extract LanaPixel.ttf from `ODDCORP/font/lanapixel_everything.zip` and convert to woff2 format using fonttools for optimal web performance
|
|
2. Place converted fonts and license file in `public/fonts/`
|
|
3. Register @font-face in `src/styles/global.css` and update `--font-pixel` CSS variable to use LanaPixel with Press Start 2P as fallback
|
|
4. Add preload hint in `src/components/BaseHead.astro` to prevent flash of unstyled text
|
|
5. Conduct visual QA pass across all components using font-pixel at various text sizes
|
|
6. Verify network loading and fallback behavior
|
|
|
|
The approach leveraged CSS variable reuse to avoid component-level modifications. Space Grotesk (body) and VT323 (mono) fonts remained unchanged.
|
|
|
|
Session provided detailed plan but actual implementation work was not visible in conversation transcript. |