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

Google, Fonts.com, Typekit, or Typography.com are all supported type services.

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.

SourceInformation NeededNotesExample
GoogleImport 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.comCode

Your Fonts.com-supplied code.

36265d36-7257-4310-8725-68786083d720

TypekitID

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

TypographyCSS 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

 

 

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.
  • Replace me with a link
  • Replace me with a link
  • Aim for 4 or fewer related links.  If we need more, that's okay.  Be judicious.  Delete me when you're done.