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 scheme
→ Motor Disabilities - Larger text easier to track

📚 Readers & Students:
→ Long Articles - Easy Reading preset reduces fatigue
→ Research Papers - Adjust for comfort during long sessions
→ E-books & Online Books - Customize like e-reader
→ Study Materials - Optimize for focus and retention
→ Documentation - Make technical docs easier to read
→ News Sites - Comfortable reading experience

💼 Professional Use:
→ Presentations - Large Text for audience visibility
→ Screen Sharing - Ensure text is readable for viewers
→ Video Calls - Increase size for better on-screen presence
→ Accessibility Testing - Test your site at different sizes
→ User Research - Simulate different user needs
→ Compliance - Meet accessibility standards

🎮 Casual Browsing:
→ Social Media - Customize for comfort
→ Forums & Comments - Easier reading
→ Shopping - Better product description visibility
→ News Feeds - Comfortable scrolling
→ Blogs - Personal reading preference
→ Any Website - Total control over text

👨‍💻 Developers & Designers:
→ Code Review - Monospace fonts for code
→ Documentation - Optimize technical reading
→ Testing - Check responsive text behavior
→ Accessibility Audit - Verify readability
→ Design Review - Test font scaling

🔧 TECHNICAL DETAILS:

How Font Changing Works:
- Injects custom CSS into webpages
- Uses relative font sizing (em units)
- Applies !important rules for override
- Maintains heading hierarchy
- Preserves layout structure
- Works with responsive designs

Font Size Calculation:
- Multiplies base font size by percentage
- Scales all text elements proportionally
- Adjusts headings (h1-h6) accordingly
- Maintains relative size relationships
- Respects em/rem units

Style Application:
- Targets all text elements (p, span, div, etc.)
- Applies to headings with size scaling
- Handles input fields and buttons
- Works with tables and lists
- Preserves code blocks with monospace

🛡️ PRIVACY & SECURITY:

100% Private and Local:
✅ No data collection of any kind
✅ No usage tracking or analytics
✅ No personal information accessed
✅ All processing in your browser
✅ No network requests made
✅ No external servers contacted
✅ Settings stored locally only

Minimal Permissions:
- activeTab - Access current page to modify fonts
- scripting - Inject CSS styling into pages
- storage - Save your font preferences locally

What We DON'T Do:
❌ No browsing history access
❌ No data transmission
❌ No third-party services
❌ No advertisements
❌ No monetization tracking
❌ No cookies or tracking scripts

⚡ PERFORMANCE:

Fast & Efficient:
✅ Instant font changes (< 0.1 seconds)
✅ Lightweight CSS injection
✅ No page reload required
✅ No performance impact
✅ Works on any webpage
✅ Smooth real-time updates
✅ No lag or slowdown

Compatible With:
✅ All standard websites
✅ Blogs and news sites
✅ Social media platforms
✅ E-commerce websites
✅ Documentation sites
✅ Web applications
✅ Forums and communities
✅ Any HTML content

📊 USE CASE SCENARIOS:

Vision Accessibility:
"I have low vision and needed larger text. Font Changer lets me browse comfortably at 170% size. Life-changing!"

Dyslexia Support:
"The Dyslexia-Friendly preset with wide letter spacing makes reading so much easier. I can finally enjoy online articles!"

Long-Form Reading:
"As a researcher, I read papers for hours. Easy Reading preset with Georgia font makes it comfortable. No more eye strain!"

Professional Presentations:
"I use Large Text preset when screen sharing. Everyone can read my screen clearly now. Perfect for remote work!"

Student Success:
"Studying online is easier with customized fonts. I can read textbooks and articles without headaches. Game-changer!"

Senior Browsing:
"At 70, small text was making the internet unusable. Now I can read everything comfortably. Thank you!"

🎯 BEST PRACTICES:

For Maximum Accessibility:
- Start with Large Text preset (150%)
- Use sans-serif fonts (Arial, Verdana)
- Increase line height to 1.8 or higher
- Add generous letter spacing (1-2px)
- Test and adjust to your needs

For Comfortable Reading:
- Use Easy Reading preset (120%)
- Choose serif fonts (Georgia, Times)
- Set line height between 1.8-2.0
- Moderate letter spacing (0.5-1px)
- Select fonts you find pleasant

For Productivity:
- Use Compact preset for more content
- Choose familiar fonts (Arial, Verdana)
- Standard line height (1.4-1.6)
- Minimal letter spacing
- Quick scanning and reading

For Dyslexia & Learning:
- Use Dyslexia-Friendly preset (130%)
- Wide letter spacing (1.5px+)
- Generous line height (2.0+)
- Sans-serif fonts work best
- Comic Sans is dyslexia-friendly!

❓ FREQUENTLY ASKED QUESTIONS:

Q: Does this work on all websites?
A: Yes! Works on virtually all websites. Some elements with very specific styling may vary.

Q: Will changes stay after refreshing?
A: No, you'll need to reapply. Per-site memory (auto-apply) is coming in future updates!

Q: Can I create my own custom presets?
A: Not yet, but custom preset saving is planned for future versions!

Q: Does this affect website performance?
A: No noticeable impact. The CSS injection is extremely lightweight and efficient.

Q: Why don't some elements change?
A: Some sites use very specific styling. Try increasing the font size more or using different settings.

Q: Can I change font colors?
A: Not currently, but font color customization is planned for future updates!

Q: Will this break website layouts?
A: Generally no, but extreme settings (200% size) may cause minor layout adjustments. Click Reset if needed.

Q: Can I use this for accessibility testing?
A: Absolutely! Perfect for testing how your site looks at different text sizes and fonts.

Q: Does this work with dark mode extensions?
A: Yes! Fully compatible with dark mode and other extensions.

Q: Can I adjust font weight (bold/light)?
A: Not yet, but font weight control is planned for future updates!

🌟 WHY CHOOSE FONT CHANGER?

✓ Easy to use with intuitive controls
✓ Real-time preview before applying
✓ 4 quick presets for instant optimization
✓ 10+ professional font choices
✓ Comprehensive customization options
✓ Perfect for accessibility needs
✓ Saves your preferences automatically
✓ One-click reset to defaults
✓ No data collection or tracking
✓ Free with no hidden costs
✓ Regular updates and improvements
✓ Beautiful, modern interface

🔄 COMING SOON:

Planned Features (Future Updates):
- Per-Site Memory - Auto-apply settings for each domain
- Custom Preset Creation - Save your own presets
- Font Weight Control - Bold, light, and everything between
- Font Color Customization - Change text colors
- Background Color Adjustment - Full theme control
- Text Alignment Options - Left, center, right, justify
- Contrast Enhancement - Better readability
- More Font Options - Expanded font library
- Export/Import Settings - Share configurations
- Keyboard Shortcuts - Quick toggle and adjustments
- Auto-Apply on Load - Automatic font changes
- Font Smoothing Control - Anti-aliasing options

💝 SUPPORT THE DEVELOPER:

If you find this extension helpful and want to support continued development and improvements, you can buy me a coffee or send a donation:

☕ **Buy Me a Coffee:**
https://buymeacoffee.com/wilsonwang

💎 **Solana Wallet Address:**
A8VQWsQYWUw6HZFWwCrxGwDpxPGeXPZedyKNCUV6m6CC

Your support helps keep this extension free, maintained, and constantly improving with new features like per-site memory, custom presets, font weight control, and color customization. Every contribution makes a real difference and helps make the web more accessible for everyone! Thank you! 🙏

---

Read comfortably on any website! 📝✨

Download now and customize your reading experience!