Carrd Font Helper

About

🎨 Carrd Font Helper - The Ultimate Typography Tool for Carrd Designers

Preview and test all 456+ Carrd fonts with live previews, automatic sizing suggestions, and instant px to em conversion - all in a beautiful interface that matches Carrd's dashboard design.

✨ KEY FEATURES

🔤 Complete Font Library
- Access all 456+ Carrd fonts in two searchable dropdowns
- Separate font selection for headings (H1, H2, H3) and paragraphs
- Type to filter and find fonts instantly (just like Carrd's editor)
- Live preview of all heading levels and paragraph styles

📐 Smart Sizing Tools
- Automatic root px detection from your Carrd site
- Adjustable size multiplier (0.5x to 2x)
- Instant size suggestions for H1, H2, H3, paragraphs, and small text
- See exactly how each font looks at different sizes

🔄 Instant px to em Conversion
- Automatic conversion following Carrd's em pattern (0.5 to 7em in 0.125 increments)
- See both px and em values side-by-side for every heading level
- Font names displayed in suggestions for easy reference
- Copy the exact em value to paste directly into Carrd

🎨 Beautiful Dark UI
- Matches Carrd's dashboard color scheme perfectly (#24252D, #353642, #39C1BC)
- Clean, modern interface with smooth animations
- Intuitive controls and responsive design
- Professional look and feel

⚡ PERFECT FOR:
- Carrd designers choosing typography for their sites
- Testing heading and body font combinations quickly
- Getting accurate size suggestions based on your root px
- Converting px measurements to Carrd's em system
- Creating consistent typography across your Carrd projects
- Previewing how fonts look at different scales

🚀 HOW TO USE:

1. Visit any Carrd site (or use on any page for testing)
2. Click the Carrd Font Helper extension icon
3. The extension automatically detects your site's root px
4. Select a font for headings in the first dropdown
5. Select a font for paragraphs in the second dropdown
6. Adjust the size multiplier to test different scales
7. View live previews of H1, H2, H3, and paragraph text
8. Copy the suggested em values for your Carrd project

💡 PRO TIPS:

- The extension automatically detects your Carrd site's root font size for accurate em calculations
- Size suggestions are based on typographic best practices and scale beautifully across all devices
- Try different heading/paragraph font combinations to find the perfect pairing
- Use the multiplier slider to test how fonts look at different sizes
- All calculations follow Carrd's exact em increment pattern (0.125 steps)

🔍 WHAT MAKES THIS DIFFERENT:

Unlike browsing fonts in Carrd's editor with limited preview options, Carrd Font Helper lets you:
- See fonts at actual size with proper scaling
- Test heading and paragraph font combinations side-by-side
- Get instant em conversions without manual calculations
- Preview all heading levels at once
- Adjust the base size to see how fonts scale

🎯 USE CASES:

**Web Designers:** Quickly find and test font combinations for client projects
**Content Creators:** Choose readable fonts that match your brand
**Developers:** Get precise em values for custom Carrd code
**Beginners:** Learn which font sizes work best for different elements
**Everyone:** Save time and eliminate guesswork in typography selection

🔒 PRIVACY & SECURITY:

- This extension does NOT collect, store, or transmit any of your data
- It only reads the root font size from the current page to provide accurate calculations
- No tracking, no analytics, no external servers
- Completely safe and privacy-focused
- Open source friendly

📊 TECHNICAL DETAILS:

- Works on any website (not just Carrd)
- Automatic root px detection on Carrd sites
- Defaults to 16px root on non-Carrd sites
- Loads fonts from Google Fonts CDN
- Supports all 456+ fonts available in Carrd
- Real-time preview updates
- Accurate em conversion following Carrd's pattern

🆕 RECENT UPDATES:

v1.0.0 - Initial Release
- Complete Carrd font library (456+ fonts)
- Separate heading and paragraph font selection
- Automatic root px detection
- Live preview with adjustable multiplier
- px to em conversion with Carrd's exact pattern
- Beautiful dark UI matching Carrd's design

📝 SUPPORT & FEEDBACK:

Have suggestions or found a bug? We're constantly improving the extension based on user feedback!

- Leave a review with your feedback
- Rate the extension if you find it useful
- Contact us through the support section



Made with ❤️ for the Carrd community