Skip to main content

Font Support

Brew supports a wide range of fonts for your emails, from web fonts to system fonts, ensuring your emails look great across all email clients and devices.

Font Options

Web Fonts

Use custom fonts from Google Fonts or upload your own:
  • Google Fonts - Access hundreds of fonts directly in the editor
  • Custom fonts - Upload your brand fonts (WOFF, WOFF2, TTF, OTF)
  • Automatic fallbacks - System fonts used when web fonts don’t load
  • Performance optimized - Fast loading for better email performance

System Fonts

Reliable fonts that work in all email clients:
  • Arial, Helvetica, sans-serif - Clean, professional sans-serif
  • Times New Roman, serif - Classic serif for formal communications
  • Courier New, monospace - Monospace for code or technical content
  • Georgia, serif - Readable serif for body text

Using Fonts

Adding Web Fonts

  1. Browse fonts - Use the font picker in the editor
  2. Preview fonts - See how fonts look with your content
  3. Apply fonts - Select fonts for headings, body text, and buttons
  4. Test rendering - Preview across different email clients

Font Styling

Customize how fonts appear:
  • Font size - Adjustable from 12px to 48px+
  • Font weight - Light, normal, bold, and extra bold
  • Line height - Optimize spacing for readability
  • Letter spacing - Fine-tune character spacing
  • Colors - Choose from brand colors or custom colors

Mobile Optimization

Responsive Typography

Fonts automatically adapt to mobile devices:
  • Automatic scaling - Fonts scale appropriately on different screens
  • Touch-friendly sizing - Buttons sized for touch interaction
  • Readable line heights - Optimized spacing for mobile reading
  • Performance - Fast loading on mobile networks

Cross-Client Compatibility

Ensure consistent rendering across email clients:
  • Outlook compatibility - Special handling for Microsoft Outlook
  • Gmail optimization - Optimized for Gmail’s rendering engine
  • Apple Mail support - Enhanced support for Apple Mail clients
  • Mobile client support - Optimized for mobile email apps

Best Practices

Font Selection

Choose fonts that work well for email:
  • Readability first - Prioritize fonts that are easy to read
  • Brand consistency - Use fonts that align with your brand
  • Cross-platform testing - Test fonts on different devices
  • Performance consideration - Balance style with loading speed

Typography Hierarchy

Create clear visual hierarchy:
  • Headings - Use larger, bolder fonts for headings
  • Body text - Choose readable fonts for content
  • Buttons - Use clear, action-oriented fonts for CTAs
  • Consistent sizing - Maintain consistent size relationships

Font Fallbacks

Always provide fallback fonts:
/* Example font stack */
"Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif
This ensures your emails look good even when custom fonts don’t load.

Troubleshooting

Fonts Not Displaying

If fonts don’t appear correctly:
  • Check font names - Ensure font names are spelled correctly
  • Verify availability - Confirm fonts are available and accessible
  • Test fallbacks - Check that fallback fonts work properly
  • Email client testing - Test across different email clients

Performance Issues

If fonts are slow to load:
  • Use font subsets - Include only necessary characters
  • Optimize file sizes - Compress font files for faster loading
  • Consider system fonts - Use reliable system fonts for better performance
  • Test loading speed - Monitor email loading performance

Need Help?

Our team is ready to support you at every step of your journey with Brew. Choose the option that works best for you:
  • Self-Service Tools
  • Talk to Our Team

Search Documentation

Type in the “Ask any question” search bar at the top left to instantly find relevant documentation pages.

AI Assistant Chat

Click the sparkle ✨ icon next to the “Ask any question” search bar in the top left to chat with our AI assistant that’s been trained on our entire documentation.

ChatGPT/Claude Integration

Click “Open in ChatGPT” at the top right of any page to analyze documentation with ChatGPT or Claude for deeper insights.
I