Typeface leverages the power of Google Fonts and Adobe’s Typekit (as well as standard web-safe fonts) to allow you to manage the fonts on your page and use them within some of the Foundry stacks. Dealing with these outside entities means you’ll need to follow the guidelines below very carefully to make sure everything works as it should.

We’ve made available tutorials, above, that show you how to use Typeface as well as how to choose and setup your fonts in both Google Fonts and Typekit. Be sure to watch the tutorial videos to get up and running with Typeface.

Using a Typekit Font
Enable this feature when using a Typekit font within the Typeface stack. This allows the stack to load the necessary javascript that Typekit requires. When in enabled you’ll also need to provide your Typekit ID. This ID is found within Typekit’s Embed Code screen on their site. If you’re unsure where to find this, please watch the Typekit tutorial video we’ve provided on the tutorials page.

Collapse in Edit Mode
Use this feature to collapse the child-stacks within Typeface to save a bit of space when editing your pages in Stacks.

This is the name of the font you’re adding to Typeface from Google Fonts. It is very important that the name you enter here matches the name of the font on Google Fonts exactly. We cover how to ensure that you get the correct font name in our Typeface tutorials on the this page, above. Be sure to watch these videos as using the correct font name is essential.

Assign To
Typeface lets you assign a font family to a typeface within the stack. This typeface will allow you to access your fonts from other Foundry stacks. The Typeface stack gives you up to 15 typeface slots to assign your font to. You normally will not need this many slots, but they’re available in case you do.

Normal Weight
When using stacks like the Paragraph stack, the standard weight of the font is going to be referred to as the Normal Weight. This setting allows you to specify something other than 400 as the Normal Weight for your body text. It is not common to need to change this setting away from 400, but as some fonts do not have a 400 weight, we’ve added this feature in case it is needed.

Bold Weight
This setting is used to specify which font weight you wish to assign to bolded text within stacks such as a Paragraph stack. Bold text is usually a 700 weight, but as fonts vary and your needs may be different from the norm, you can set the bold weight here to the weight you like.

The Weight Loader section allows you to load various different weights and styles for your font. By default the 400 and 700 weight of a font is loaded when a Google Font is added to Typeface. Enabling other fonts is as easy as clicking the Normal button for a specific weight. If you plan to use a font for body text, as in a Paragraph font or as your Base Font, you may also want to enable the Italic version as well.

In this section you’ll specify a font for browsers to fallback to in the eventuality the visitor’s browser does not support the font you’re loading or if for some reason the Google server has a problem loading the font.

Extended Latin Characters
Enabling this feature lets the Google Fonts server know that you want it to include the additional Extended Latin Characters in the font.

Your Notes
This is an area that allows you to leave yourself a note about your font usage.

This is the name of the font you’re adding to Typeface from Adobe’s Typekit service. It is very important that the name you enter here matches the name of the font on Typekit exactly. We cover how to ensure that you get the correct font name in our Typeface tutorials on this page, above. Be sure to watch these videos as using the correct font name is essential.

Assign To
Typeface lets you assign a font family to a typeface within the stack. This typeface will allow you to access your fonts from other Foundry stacks. The Typeface stack gives you up to 15 typeface slots to assign your font to. You normally will not need this many slots, but they’re available in case you do.

Normal Weight
When using stacks like the Paragraph stack, the standard weight of the font is going to be referred to as the Normal Weight. This setting allows you to specify something other than 400 as the Normal Weight for your body text. It is not common to need to change this setting away from 400, but as some fonts do not have a 400 weight, we’ve added this feature in case it is needed.

Bold Weight
This setting is used to specify which font weight you wish to assign to bolded text within stacks such as a Paragraph stack. Bold text is usually a 700 weight, but as fonts vary and your needs may be different from the norm, you can set the bold weight here to the weight you like.

There is no Weight Loader section for Typekit. This is all handled on their site. We cover how to set this up in our tutorial videos on Typekit.

In this section you’ll specify a font for browsers to fallback to in the eventuality the visitor’s browser does not support the font you’re loading or if for some reason the Adobe Typekit server has a problem loading the font.

This is the name of the standard font you’re adding to Typeface. Web safe fonts are those that most browsers and operating systems are capable of loading. An example of such a font would be Arial or Helvetica. Many times these will contain a couple of fallback fonts to ensure that things look as you intend.

Assign To
Typeface lets you assign a font family to a typeface within the stack. This typeface will allow you to access your fonts from other Foundry stacks. The Typeface stack gives you up to 15 typeface slots to assign your font to. You normally will not need this many slots, but they’re available in case you do.

Normal Weight
When using stacks like the Paragraph stack, the standard weight of the font is going to be referred to as the Normal Weight. This setting allows you to specify something other than 400 as the Normal Weight for your body text. It is not common to need to change this setting away from 400, but as some fonts do not have a 400 weight, we’ve added this feature in case it is needed.

Bold Weight
This setting is used to specify which font weight you wish to assign to bolded text within stacks such as a Paragraph stack. Bold text is usually a 700 weight, but as fonts vary and your needs may be different from the norm, you can set the bold weight here to the weight you like.

There is no Weight Loader section for Standard font. Each web safe font will have all of its weights available to you if they exist.

In this section you’ll specify a font for browsers to fallback to in the eventuality the visitor’s browser does not support the font you’re loading. You may separate multiple fallback fonts using a coma.

This child-stack within Typeface allows you to self host your own fonts using RapidWeaver’s Resources section and then assign them to Foundry’s Typeface Presets just as you would do using Google Fonts, Typekit or Standard web fonts.

This is the name of the font you’ll be self-hosting. Self Hosted fonts can have whatever name you’d like to specify. It is best though to keep it simple and stick the what the font is actually called though as this will help identification of the font and troubleshooting if you ever run intro problems.

For instance if you self-host the font Roboto you should use the name Roboto for your font name.

Assign To
Typeface lets you assign a font family to a typeface within the stack. This typeface will allow you to access your fonts from other Foundry stacks. The Typeface stack gives you up to 15 typeface slots to assign your font to. You normally will not need this many slots, but they’re available in case you do.

Normal Weight
When using stacks like the Paragraph stack, the standard weight of the font is going to be referred to as the Normal Weight. This setting allows you to specify something other than 400 as the Normal Weight for your body text. It is not common to need to change this setting away from 400, but as some fonts do not have a 400 weight, we’ve added this feature in case it is needed.

Bold Weight
This setting is used to specify which font weight you wish to assign to bolded text within stacks such as a Paragraph stack. Bold text is usually a 700 weight, but as fonts vary and your needs may be different from the norm, you can set the bold weight here to the weight you like.

The Weight & Style sections where the heavy lifting happens. For each weight of font you wish to use you will select the styles you wish to include. When a style is enabled you will be shown a control for selecting a file for the style and weight of font.

In this section you’ll specify a font for browsers to fallback to in the eventuality the visitor’s browser does not support the font you’re loading. You may separate multiple fallback fonts using a coma.