FontCheck
Local-first typography playground for exploring and comparing fonts.
Typography workflows are fragmented across multiple tools, making it difficult for designers and developers to explore fonts, inspect glyphs, compare typefaces, and test font pairings efficiently.
FontCheck delivers a complete local-first typography playground where users can upload fonts, compare them side-by-side, inspect glyphs, preview pairings, and manage typography collections entirely within the browser.
The interface combines modern glass-style UI, responsive layouts, smooth Framer Motion animations, and dark/light themes to create a premium typography-focused experience.
Built with Next.js App Router, React 19, TypeScript, IndexedDB local storage, Tailwind CSS, Radix UI primitives, and shadcn/ui components with a modular scalable architecture.
- Handling local-first font management without relying on cloud uploads.
- Building performant glyph rendering and comparison views for large font files.
- Maintaining responsive layouts across desktop, tablet, and mobile devices.
- Designing an advanced typography workflow while keeping the UX intuitive.
- Successfully deployed on Vercel with optimized production performance.
- Supports TTF and OTF font uploads with real-time filtering and comparison.
- Created a privacy-focused typography tool where fonts never leave the browser.
- Built a scalable foundation for future typography and design-system features.