Filter by Classification (e.g., serif or sans serif), Properties (e.g., x-height, width, or weight), or Language. You can also choose between two recommended categories: headings and paragraphs; these fonts are hand-picked by Typekit’s staff. And you can combine these filters any way you like: for example, you can narrow your results down to sans serif fonts, recommended for headings, with a narrow width, and low contrast that support English and Spanish.
The collection of Japanese fonts has slightly different filtering parameters, to enable filtering for kana-only fonts, or style classifications like Mincho, Gothic, Maru Gothic, and Brush. Again, any number of filters can be combined for a more refined search.
A kit lets you configure the fonts that Typekit will apply to your website. Give the kit a name, and enter the domain(s) for your website. (You can add up to ten domains per kit, including subdomains and development domains.)
Next, you’ll be given the embed code for your specific kit. The different options are explained in the embed code help page, and the default embed code works well for most projects. Copy the embed code and add it to the <head> tag in your website.
To add more fonts to your kit, click the “add to kit” button and choose the kit name from the “add to an existing kit” menu.
Now you have a few choices you need to make for each family in your kit.
Choose the appropriate character set for your website. Japanese fonts must be served with dynamic subsetting, while other fonts have language-based subsetting options. Click "Which should I choose?" for guidance, and read the Language Support & Subsetting help page for more information on the different options.
Keep an eye on the total kit size at the bottom of the kit editor window; too many fonts can make your webpage load more slowly.
Next, add CSS selectors for each font family. You can also assign the font family names in your own stylesheet.