Taking your designs beyond Typecast
Licensing and embedding
We offer you access to our providers’ entire web font libraries but in order to take your fonts outside Typecast, you need to buy either the fonts or a subscription to the provider’s service, depending on the provider. Once you’ve paid for the fonts, you grab the provider’s embed code and put it on your live site.
Figure out what fonts you’re using
Before you begin, you’ll want to make a list of all the fonts you’re using in your project. There are a few ways to go about it and you will usually end up using a combination of the following:
- Use the Style Guide (Project Menu > View your style guide) to get a list of the fonts and their providers. Once you’ve got that list, scan through your project to identify the styles and weights you are using.
- Use a tool like the WhatFont Google Chrome extension to identify the fonts in your project.
- Export your project’s HTML and CSS (Project Menu > Download HTML/CSS) and go through the CSS to see which fonts, weights, and styles you’re using.
Pay for the fonts and get the embed code
If you don’t yet own the license to the fonts, go ahead and acquire it.
Once that’s done, it’s time to get the embed code from the provider. Here are some handy links that might help you along the way:
Fonts.com’s Quick Start Guide.
Typekit’s Adding fonts to your site.
Google Fonts are not only free, but also very easy to use. In case you get stuck, we have a Support Library article to help you out.
MyFonts.com’s Licensing page.
WebType’s Implementing page.