Adding Adobe Fonts (Typekit) to GeneratePress

How to add Adobe Fonts (Typekit) to GeneratePress

Easily add your favorite Adobe Fonts to GeneratePress using the Typekit CSS. I also show you how to have your fonts show up in the customizer GeneratePress Typography settings, so you can select them the same way you would select the included Google fonts.

Here is the PHP snippet mentioned in the video that you can use to have your fonts show up in the customizer.

add_filter( 'generate_typography_default_fonts', 'tu_add_typekit_fonts' );
function tu_add_typekit_fonts( $fonts ) {
    $fonts[] = 'font-name';
    return $fonts;

If you are using a theme besides GeneratePress, you can add the Typekit CSS in the Head section of your website with the plugin Head, Footer and Post Injections, which is located in the plugin repository.

Please feel free to contact me if you have any questions.

Feel Free to Share