my tools 2026
FontView - Professional Font Preview & Comparison Tool
A modern web application to drop, preview, and compare fonts side-by-side with interactive design sections.
All Projects
About this project
FontView is a feature-rich font utility that allows designers and developers to instantly preview their local font files (.ttf, .otf, .woff, .woff2). With a simple drag-and-drop interface, users can compare multiple fonts, adjust live typography settings, and see how a font behaves in real-world UI components like landing pages, pricing tables, and blogs. It features built-in color palette switching and dark mode to test accessibility and aesthetic compatibility across various design contexts.
Key Features
- Drag and drop local font files (.ttf
- .otf
- .woff
- .woff2)
- Live preview with custom text and font size
- Side-by-side comparison of multiple fonts
- Dedicated "Font Preview" landing page with interactive UI sections
- Real-time color palette switching for accessibility testing
- Dark/Light mode support
- Modern & responsive UI built with Shadcn/UI
Tech Stack
React 19ViteTailwind CSSShadcn/UILucide ReactReact Router 7TanStack QueryRadix UITypeScript
Tags
#Typography#Font Preview#Designer Tool#React#Vite#Tailwind CSS#Frontend#UI/UX