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.
@font-face and cross-domain #
Because we serve static assets (like JS and CSS) from CDN domains (e.g. s0.wp.com), you may run into cross-domain issues in certain browsers (like Firefox). The typical workaround is to send an “Access-Control-Allow-Origin” header from the CDN domain, but for improved security this is not enabled on WP.com.
As an alternate option, we recommend including the base64 version of your fonts in a CSS file as described here by Geoff Evason:
- Go to fontsquirrel.com and download the font-face kit you want to use.
- Go to the fontsquirrel font-face generator and upload the .ttf file from the kit you just downloaded.
- Select the ‘Expert’ option.
- For format select ‘TrueType’, ‘EOT’, and ‘SVG’. (Woff is a compressed format only supported by Firefox, but Firefox also support .ttf, so woff is extraneous)
- Under the CSS options select ‘Base64′ Encoding.
- Download and use the files provided.
