About Code Phoropter
The systematic approach to finding your perfect code display settings
About This Project
Code Phoropter is an open-source tool designed to help developers find their ideal code display settings through systematic A/B testing. Just as an optometrist uses a phoropter to determine your optimal vision prescription, this tool helps you discover which fonts, sizes, and colors make your code most readable and comfortable for extended coding sessions.
The project uses a tournament-style comparison system to progressively narrow down your preferences across multiple dimensions: font family, size, weight, line height, and color scheme. Each comparison you make helps build a profile of your ideal coding environment.
🔒 Your Privacy Matters
Zero Tracking, Complete Privacy
- No cookies - We don't store any cookies on your device
- No analytics - We don't track your usage or preferences
- No external requests - Fonts are loaded from CDNs only when needed
- No data collection - Your choices remain entirely on your device
- Local processing - All comparisons and calculations happen in your browser
Your Data, Your Control: All settings and preferences are processed locally in your browser. When you export your settings, they're generated on-the-fly and downloaded directly to your device. You are responsible for saving and backing up any configuration you wish to keep.
Available Fonts
Code Phoropter tests and compares a comprehensive collection of coding fonts from various sources:
| Font Name | Source | Ligatures | Notes |
|---|---|---|---|
| Fira Code | Google Fonts | ✓ | Popular ligature-enabled font by Mozilla |
| JetBrains Mono | ✓ | Designed for developers by JetBrains | |
| Cascadia Code | ✓ | Microsoft's default terminal font | |
| Victor Mono | Google Fonts | ✓ | Semi-connected cursive italics |
| Source Code Pro | Google Fonts | ✗ | Adobe's monospace font |
| IBM Plex Mono | Google Fonts | ✗ | IBM's corporate typeface |
| Roboto Mono | Google Fonts | ✗ | Google's monospace variant |
| Geist Mono | Google Fonts | ✗ | Vercel's developer font |
| Hack | ✗ | Open source, highly readable | |
| Iosevka | ✓ | Narrow, customizable font | |
| Hasklig | ✓ | Source Code Pro with ligatures | |
| Inconsolata | Google Fonts | ✗ | Inspired by Consolas |
| Consolas | System | ✗ | Windows default console font |
| SF Mono | System | ✗ | macOS system font |
| Monaco | System | ✗ | Classic macOS terminal font |
| Menlo | System | ✗ | macOS default terminal font |
| Courier New | System | ✗ | Classic typewriter font |
| DejaVu Sans Mono | System | ✗ | Linux default monospace |
| MonoLisa | System | ✓ | Premium font (if installed) |
| Operator Mono | System | ✓ | Premium font (if installed) |
| Dank Mono | System | ✓ | Premium font (if installed) |
| Berkeley Mono | System | ✓ | Premium font (if installed) |
| Comic Code | System | ✓ | Comic Sans-inspired coding font |
| PragmataPro | System | ✓ | Premium condensed font |
| Recursive | Google Fonts | ✓ | Variable font with multiple axes |
| Red Hat Mono | Google Fonts | ✗ | Red Hat's corporate font |
| DM Mono | Google Fonts | ✗ | DeepMind's coding font |
| Martian Mono | Google Fonts | ✗ | Futuristic monospace font |
| Ubuntu Mono | Google Fonts | ✗ | Ubuntu's system font |
| Anonymous Pro | Google Fonts | ✗ | Fixed-width font with distinct characters |
| Oxygen Mono | Google Fonts | ✗ | Part of KDE's Oxygen project |
| PT Mono | Google Fonts | ✗ | ParaType monospace |
| Overpass Mono | Google Fonts | ✗ | Red Hat's Overpass variant |
| Cousine | Google Fonts | ✗ | Chrome OS core font |
| Fira Mono | Google Fonts | ✗ | Mozilla's Fira Sans monospace |
| Space Mono | Google Fonts | ✗ | Google's headline font |
| Courier Prime | Google Fonts | ✗ | Screenplay-focused Courier |
| Sometype Mono | Google Fonts | ✗ | Modern geometric mono |
| Spline Sans Mono | Google Fonts | ✗ | Balanced and readable |
| B612 Mono | Google Fonts | ✗ | Designed for aircraft cockpits |
| Noto Sans Mono | Google Fonts | ✗ | Google's universal font |
| Share Tech Mono | Google Fonts | ✗ | Tech-inspired monospace |
| Nova Mono | Google Fonts | ✗ | Distinctive character shapes |
| Cutive Mono | Google Fonts | ✗ | Typewriter-inspired |
| Nanum Gothic Coding | Google Fonts | ✗ | Korean-optimized coding font |
| Lekton | Google Fonts | ✗ | Inspired by Lexicon typewriter |
| VT323 | Google Fonts | ✗ | DEC VT320 terminal font |
| Major Mono Display | Google Fonts | ✗ | Experimental display mono |
| Press Start 2P | Google Fonts | ✗ | 8-bit arcade font |
| Intel One Mono | ✗ | Intel's clear coding font | |
| Monaspace (5 variants) | ✓ | GitHub Next's font family | |
| Zed Mono | ✗ | Zed editor's default font | |
| JuliaMono | ✓ | Julia language font with math symbols | |
| Liberation Mono | System | ✗ | Red Hat's metric-compatible font |
| Lucida Console | System | ✗ | Windows console font |
| Andale Mono | System | ✗ | Classic monospace font |
| Droid Sans Mono | System | ✗ | Android's monospace font |
| Meslo LG | System | ✗ | Customized Menlo variant |
| Input Mono | System | ✗ | Customizable coding font |
| Commit Mono | System | ✓ | Neutral and readable |
| APL2741 | System | ✗ | APL programming symbols |
| APL385 Unicode | System | ✗ | Modern APL font |
| And 50+ more... | Including retro fonts (3270, Fixedsys), pixel fonts (Monocraft, Proggy), and specialized fonts | ||
Note: System fonts are only available if installed on your computer. Embedded fonts are loaded via CDN when selected.
Color Schemes
Code Phoropter includes 51 color schemes inspired by popular developer themes:
Dark Themes (26)
| Theme Name | Origin/Author | Description |
|---|---|---|
| Monokai | Wimer Hazenberg | Classic warm colors with vibrant accents |
| Dracula | Zeno Rocha | Dark theme with purple and pink accents |
| One Dark | Atom Editor | Atom's flagship dark theme |
| Solarized Dark | Ethan Schoonover | Precision colors for readability |
| Tomorrow Night | Chris Kempson | Soft, pastel colors on dark background |
| GitHub Dark | GitHub | GitHub's official dark theme |
| Nord | Arctic Ice Studio | Arctic, north-bluish color palette |
| Gruvbox Dark | Pavel Pertsev | Retro groove colors |
| Material Theme | Mattia Astorino | Material Design inspired |
| Atom One Dark | Atom | Atom's default dark theme |
| Palenight | Olaolu Olawuyi | Elegant and modern purple theme |
| Synthwave 84 | Robb Owen | Neon 80s aesthetics |
| Tokyo Night | enkia | Tokyo city lights inspired |
| Cobalt2 | Wes Bos | Blue-focused theme |
| Night Owl | Sarah Drasner | Optimized for night coding |
| Shades of Purple | Ahmad Awais | Purple everywhere |
| Ayu Dark | Konstantin Pschera | Simple and elegant |
| Horizon | Jolaleye | Warm dark theme |
| City Lights | Yummygum | Dark theme with bright accents |
| Moonlight | Atomiks | Subtle and calm dark theme |
| Panda | Siamak Mokhtari | Supercharged dark theme |
| Winter is Coming | John Papa | Cool blues and teals |
| Andromeda | EliverLara | Dark theme with vibrant colors |
| Material Ocean | Material Theme | Deep ocean variant |
| Slack Dark | Slack | Slack's aubergine theme |
| VS Code Default | Microsoft | Default VS Code dark theme |
Light Themes (25)
| Theme Name | Origin/Author | Description |
|---|---|---|
| GitHub Light | GitHub | Clean and familiar GitHub colors |
| Solarized Light | Ethan Schoonover | Warm light background |
| Atom One Light | Atom | Atom's default light theme |
| Tomorrow | Chris Kempson | Bright and clear |
| Material Light | Mattia Astorino | Material Design light variant |
| Quiet Light | Onsi Fakhouri | Subtle and calm |
| Eclipse | Eclipse IDE | Classic Java IDE theme |
| IntelliJ Light | JetBrains | IntelliJ IDEA default |
| VS Light | Microsoft | Visual Studio light theme |
| XCode Light | Apple | Xcode default theme |
| Paper | Yorick Peterse | Paper-like background |
| Gruvbox Light | Pavel Pertsev | Retro groove light variant |
| Spring | Various | Fresh spring colors |
| Slack Light | Slack | Slack's default light theme |
| Ayu Light | Konstantin Pschera | Simple and bright |
| Winter is Coming Light | John Papa | Light winter theme |
| Nord Light | Arctic Ice Studio | Arctic light variant |
| One Light | Atom | One theme light variant |
| Serendipity Light | Various | Soft pastel colors |
| Hopscotch | Jan T. Sott | Playful colors |
| Kuroir | Mario Ricalde | Light with warm tones |
| Monochrome Light | Various | Pure black on white |
| Twilight Light | Michael Sheets | Twilight-inspired light |
| Dawn | Rose Pine | Soft morning colors |
| Catppuccin Latte | Catppuccin | Smooth and warm light theme |
Technologies Used
- Font Detective - Local font detection library for identifying installed fonts
- JSZip - Client-side ZIP file generation for configuration downloads
- Google Fonts API - Web font loading for fonts not installed locally
- Vanilla JavaScript - No framework dependencies for maximum compatibility
- Modern CSS - Flexbox and Grid layouts with CSS variables for theming
Credits & Acknowledgments
- Inspired by the optometry phoropter device and its systematic approach to finding optimal vision
- Font recommendations from the developer community
- Color schemes inspired by popular code editor themes
- Icons and visual design inspired by medical/optometry instruments