Typekit Integration

[stphilipfranklinParticipant July 27, 2018 at 5:45 am Post count: 1]

#489022

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

[Jimmy GeorgeParticipant August 29, 2018 at 3:04 am Post count: 1]

#504415

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

[opusculeParticipant January 29, 2019 at 4:07 pm Post count: 1]

#570017

Count me in for this, too.

[sneakyllamaParticipant February 20, 2019 at 11:02 pm Post count: 1]

#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.

[lidaliParticipant May 2, 2019 at 12:33 pm Post count: 2]

#608489

Me too! Would be more than nice!

[douglaskarrParticipant May 7, 2019 at 3:16 pm Post count: 2]

#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-RoschiParticipant July 11, 2019 at 9:54 am Post count: 1]

#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.

[Author]

Posts