Font Changer

Font Changer - Customize Text on Any Website! 📝 Transform text on any webpage with customizable font size, line height, letter spacing, and font families. Perfect for accessibility, comfortable reading, and personal preference! ✨ KEY FEATURES: 📏 Comprehensive Font Controls: - Font Size Adjustment - Scale from 50% to 200% for perfect visibility - Line Height Control - Adjust spacing between lines (1.0 to 2.5) - Letter Spacing - Fine-tune character spacing (-2px to 5px) - Font Family Selection - Choose from 10+ popular fonts - Real-time Preview - See changes before applying to the page - Saved Preferences - Remembers your settings automatically ⚡ 4 Quick Presets for Instant Optimization: - Large Text (150%) - Perfect for visibility, presentations, or visual impairment - Easy Reading (120%) - Optimized for comfortable long-form reading - Compact (90%) - Fit more content on screen, great for small displays - Dyslexia-Friendly (130%) - Enhanced readability with wide spacing 🎨 10+ Professional Fonts: - Sans-Serif: Arial, Verdana, Lucida Sans, Trebuchet MS - Serif: Times New Roman, Georgia, Palatino Linotype - Monospace: Courier New (perfect for code) - Display: Comic Sans MS, Impact - Default: Keep site's original font 👀 Live Preview System: - See exactly how text will look - Preview sample updates in real-time - Test before applying to website - Instant visual feedback 💾 Smart Memory: - Automatically saves your preferences - Remembers font size settings - Stores line height preferences - Recalls letter spacing - Keeps font family selection 🚀 HOW IT WORKS: Quick Start (4 Easy Steps): 1. Navigate to any webpage 2. Click the Font Changer extension icon 3. Adjust sliders and select your preferences 4. Click "Apply Changes" - Done! Detailed Usage: 1. Open any website you want to customize 2. Click the Font Changer icon in your toolbar 3. Adjust Font Size slider (50% - 200%) • Drag left for smaller text • Drag right for larger text • Watch preview update in real-time 4. Adjust Line Height slider (1.0 - 2.5) • Lower values = tighter spacing • Higher values = more breathing room • Perfect for readability 5. Adjust Letter Spacing slider (-2px - 5px) • Negative values = tighter letters • Positive values = wider spacing • Great for visual clarity 6. Select Font Family from dropdown • Choose from 10+ professional fonts • Or keep site's default font 7. Use Quick Presets for instant optimization • Large Text for visibility • Easy Reading for comfort • Compact for more content • Dyslexia-Friendly for accessibility 8. Watch the live preview update 9. Click "Apply Changes" to transform the page 10. Click "Reset" anytime to restore defaults Pro Tips: 💡 Start with a preset, then fine-tune 💡 Use Easy Reading for long articles 💡 Try Dyslexia-Friendly for better focus 💡 Increase line height for easier reading 💡 Combine settings for perfect customization 📊 SETTINGS EXPLAINED: Font Size Guide (50% - 200%): - 50-80%: Very small, compact viewing - 90-100%: Standard website size (default) - 110-130%: Comfortable increase for most users - 140-170%: Large text for better visibility - 180-200%: Extra large for accessibility needs Perfect for: → Low vision or visual impairment → Viewing from a distance → Presentations and screen sharing → Reducing eye strain → Personal preference Line Height Guide (1.0 - 2.5): - 1.0-1.2: Very tight, compact text blocks - 1.3-1.5: Standard comfortable spacing (recommended) - 1.6-1.8: Loose spacing for easy reading - 1.9-2.5: Very loose for maximum clarity Perfect for: → Long reading sessions → Dyslexia and reading disorders → Reducing line confusion → Improving focus → Better comprehension Letter Spacing Guide (-2px - 5px): - -2 to -1px: Tight, more characters per line - 0px: Standard spacing (default) - 0.5-2px: Loose, easier to distinguish letters - 2.5-5px: Very wide, maximum letter separation Perfect for: → Dyslexia support → Character recognition → Visual clarity → Reducing letter crowding → Better word distinction Font Family Options: 📌 Sans-Serif (Clean & Modern): - Arial - Universal, highly readable - Verdana - Wide spacing, screen-optimized - Lucida Sans - Elegant and professional - Trebuchet MS - Modern and friendly → Best for: Web content, easy reading, accessibility 📌 Serif (Traditional & Formal): - Times New Roman - Classic newspaper style - Georgia - Elegant, designed for screens - Palatino - Sophisticated, book-like → Best for: Long-form content, articles, formal documents 📌 Monospace (Code & Technical): - Courier New - Typewriter style, fixed-width → Best for: Code, technical docs, programming 📌 Display (Creative & Casual): - Comic Sans MS - Casual, friendly (dyslexia-friendly) - Impact - Bold, attention-grabbing → Best for: Casual browsing, creative content 🎯 QUICK PRESETS EXPLAINED: 🔍 Large Text Preset - Font Size: 150% - Line Height: 1.8 - Letter Spacing: 0.5px - Font: Arial - Best for: Visual impairment, presentations, projectors, screen sharing - Use when: Need maximum visibility 📖 Easy Reading Preset - Font Size: 120% - Line Height: 2.0 - Letter Spacing: 0.5px - Font: Georgia - Best for: Long articles, books, comfortable extended reading - Use when: Reading for 10+ minutes 📦 Compact Preset - Font Size: 90% - Line Height: 1.3 - Letter Spacing: -0.5px - Font: Verdana - Best for: Fitting more content, research, multitasking - Use when: Need to see more information at once ♿ Dyslexia-Friendly Preset - Font Size: 130% - Line Height: 2.0 - Letter Spacing: 1.5px - Font: Verdana - Best for: Dyslexia, ADHD, reading disorders, learning disabilities - Use when: Need enhanced readability and focus 💡 PERFECT FOR: ♿ Accessibility Users: → Visual Impairment - Increase font size for better visibility → Dyslexia - Use wide letter spacing and friendly fonts → Reading Disorders - Customize for optimal comprehension → Low Vision - Large text with clear spacing → Color Blindness - Font changes work with any color sc…