Documentation Tips & Tricks Web Fonts and Custom Typefaces

Web Fonts and Custom Typefaces

Overview #

To use a fancy typeface or font on your VIP site(s), we recommend using Typekit or Google Web Fonts. Both have very easy-to-integrate APIs, are optimized to work across a wide range of popular browsers, and have large libraries of beautiful fonts.

For licensed or custom typefaces or fonts, include font files within your themes and embed them using the @font-face declaration in your CSS.

↑ Top ↑

@font-face and cross-domain #

Because we serve static assets (like JS and CSS) from CDN domains (e.g., we set a “Access-Control-Allow-Origin” header for all font files to prevent cross-domain issues in certain browsers (like Firefox). Older base64-based approaches are no longer needed as workarounds.

Documentation is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.