Navigate to Sources in the Font area of the Theme Designer. HTML Wrap |
---|
tag | span |
---|
class | product-navigation |
---|
| Theme Press Designer → Theme Tab → Content → Fonts → Sources |
HTML Wrap |
---|
| Image Added |
Open Links in New Window |
---|
Source | Required Info | Notes | Example |
---|
Google | Import URL(s) | 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 | Fonts.com-supplied code. | 36265d36-7257-4310-8725-68786083d720
| Typekit | ID | 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 | 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
|
|
See Defining Font Families Use h4 for section headingsIf you don't want numbers in the section headings, simply remove the "numbered" class from this block. Note/Tip/Warning/Info blocks below are collapsed by default. If you want to use any of these, try to keep to just one per page. You may use two if necessary, but in general, try to limit these. |