Nicholai/.agents
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
.agents/memory/2026-02-25-lanapixel-font-integration-for-oddcore-website.md

1.2 KiB
Raw Blame History

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.