🔤 Typography Checker

📋 About This Tool

The Typography Checker analyzes your website's font choices, text sizing, line spacing, and visual hierarchy. Good typography significantly impacts readability, user experience, and brand perception. This tool evaluates font pairings, contrast ratios for accessibility, responsive text scaling, and provides professional typography recommendations for modern web design.

🎯 How to Use

1. Enter Website URL: Type your website address to analyze typography settings
2. Or Upload Image: Upload a design screenshot for typography evaluation
3. Start Analysis: Click "Check Typography" to evaluate font choices and sizing
4. Review Report: See font families used, size hierarchy, spacing issues, contrast ratios
5. Implement Changes: Apply recommended font sizes, line heights, and spacing improvements

💡 Instructions

• ✓ Base body text should be 16-18px for comfortable reading on digital screens
• ✓ Line height (line-spacing) should be 1.5-1.6x the font size for optimal readability
• ✓ Limit font families to 2-3 maximum - more creates visual chaos and confusion
• ✓ Ensure 4.5:1 contrast ratio between text and background for WCAG AA accessibility
• ✓ Use system fonts for faster loading or web-optimized fonts for better design control