Easily Embed TypeKit Fonts into your Drupal Website
To begin with, you will need to
register for a TypeKit account - there is a free
version if you just want to try it out.
Next, you'll need to create a kit that contains the fonts that you want to use
on your website. I've used
FF Tisa Web Pro.
Under 'Kit Settings', ensure that your website domain (e.g. mysite.com) is
listed under 'Domains'.
Download and install the
@font-your-face module onto your
Drupal site, and to go admin/settings/fontyourface to configure it. Enter
your TypeKit API key, and click 'Import
Typekit' to import your kits and fonts.
Go to admin/dist/themes/fontyourface, and click 'Browse fonts to enable'. Click
on the name of the font that you want to enable, check 'Enabled', and click
'Edit font' to save your changes.
With the font enabled, you can now use it in your CSS.
Was this useful?
About me
I'm an Acquia-certified Drupal Triple Expert with 17 years of experience, an open-source software maintainer and Drupal core contributor, public speaker, live streamer, and host of the Beyond Blocks podcast.