Typekit Integration

[stphilipfranklin]

#489022

It would be grand if Adobe Typekit could be integrated into Avada’s Theme Options>Typography somehow, some way.

[Jimmy George]

#504415

I would also love to know how Typekit fonts can be integrated. The X theme already has native support for Typekit.

[opuscule]

#570017

Count me in for this, too.

[stphnwlkr]

#579495

How it works now:

• Add add the script in the header (Advanced – Space before </head>).
• Add it as a custom font name without uploading the individual font files.
• Add the font to the heading or body like other custom fonts

What is missing is the ability to set custom weights and other settings

Please count me in.

[lidali.com]

#608489

Me too! Would be more than nice!

[douglaskarr]

#610181

Yes, please. Instead of a non-editable upload path, it could just be an editable location and that should take care of it because you could add the actual path to the typekit font.

Example for woff2:
`https://use.typekit.net/af/______/0000000000000000______/27/l?subset_id=2&fvd=i8&v=3

[Martin-Roschi]

#629692

Referring to #579495
I’m running Avada 5.9.1. That works for me:
Choose your font on https://fonts.adobe.com and create a project to get a .css link.
<link rel="stylesheet" href="https://use.typekit.net/XXX.css"> (XXX is your project number)
Insert this code into Theme Options -> Advanced -> Code Fields -> before </head>
Create a new custom font with the name of the css font-family (in my case adobe-caslon-pro, serif;). You don’t need to upload anything.
For those how don’t know where to find the font-family name, please visit https://fonts.adobe.com/my_fonts and edit your web project. The font-family is shown above your font selection.
Save it and choose your created custom font for headline or body text.
Enjoy.

[moirtechnology]

#871716

This didn’t work for me. 🙁

As you can see here, I’ve added the .css link:
https://snipboard.io/mFla0q.jpg

I then added the custom font with following your similar font syntax:
https://snipboard.io/VGAd94.jpg

This is what adobe stated my font name as being:
https://snipboard.io/bI9zKC.jpg

As you can see here, it does not appear in my typography options 🙁
https://snipboard.io/IC0DLg.jpg

I appreciate any help. Thank you!

[Pdoggy]

#871753

Full Typekit Integration would be great! Please add it!

[animative]

#871831

I am waiting for this too

[Ander11]

#874364

I would like Adobe Typekit integration too!! My adobe fonts were working on my client’s Avada site (launched a few years ago), but the adobe fonts vanished a while ago and nothing seems to work to get them to show. Thanks!!

[robsnijders]

#879813

Hi,

What will help is tom use still the old plugin Typekit Fonts for WordPress:
1.fill in your typekit id
2.Method Java (advanced)
3.Custom CSS rules:
body { font-family: “agenda”,”agenda-condensed”,sans-serif; }
h1 { font-family: “agenda”,”agenda-condensed”,sans-serif; }
h2 { font-family: “agenda”,”agenda-condensed”,sans-serif; }
h3 { font-family: “agenda”,”agenda-condensed”,sans-serif; }
h4 { font-family: “agenda”,”agenda-condensed”,sans-serif; }

and add in Avada use custom css:
p, h1, h2, h3, h3, h4, h5, h6, a, li, footer, header {
font-family: ‘Agenda’ !important;
}

The fonts show in the website but not in the typography panel… but it works!

Regads,
Rob – webdesign-service.nl

[akanea]

#880306

Please Add Adobe Typekit integration !!

[stphnwlkr]

#880307

Based on the feedback I received from the team on my feature request for this, it may be coming very soon.

As others have shown it can be implemented. I add the script to the advanced script section then add the fonts to the custom font list (no uploads required) so that they can be set using the typography settings, then I add custom CSS for use elsewhere and to set font weights.

[skippergreg]

#880327

This Works for me 🎉 thanks

[Author]

Posts