Designating theme fonts that are not installed on the user's computer.

Google, Fonts.com, Typekit, or Typography.com are all supported webfont services supported by Theme Press. Additionally, you can embed fonts in your theme.

Navigate to Sources in the Font area of the Theme Designer.

Theme Press Designer → Theme Tab → Content → Fonts → Sources

 

Enter the appropriate information, depending upon your webfont source.

SourceRequired InfoNotesExample
GoogleImport 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.comCode

Fonts.com-supplied code.

36265d36-7257-4310-8725-68786083d720

TypekitID

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

TypographyCSS 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

 

 

Update your font families as needed.

See Defining Font Families

 

 

 

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.