Adding Web Fonts
You can add web-based fonts from a variety of sources.
Google, Fonts.com, Typekit, or Typography.com are all supported type services.
Navigate to Sources in the Font area of the Theme Designer.
Enter the appropriate information, depending upon your webfont source.
Source | Information Needed | Notes | Example |
---|---|---|---|
Import URL(s) | Your Google-supplied @import link referencing your external fonts.
| @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700); | |
Fonts.com | Code | Your Fonts.com-supplied code. | 36265d36-7257-4310-8725-68786083d720 |
Typekit | ID | Your Typekit-supplied ID. (1) Sign into Typekit's website (2) Click Launch Kit Editor (3) Click Embed Code (4) Note the ID at the bottom of the window | abc3def |
Typography | CSS Key | Your Typography CSS key. (1) Sign into Typography's website (2) Access a project (3) Select the Tools (gear) icon then CSS Key (4) Note the numbers between cloud.typography.com/ and /css/fonts.css | 1234/5678 |