Avada › Forums › Community Forum › Typekit Integration
-
AuthorPosts
-
It would be grand if Adobe Typekit could be integrated into Avada’s Theme Options>Typography somehow, some way.
I would also love to know how Typekit fonts can be integrated. The X theme already has native support for Typekit.
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.
Me too! Would be more than nice!
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=3Referring 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.This didn’t work for me. 🙁
As you can see here, I’ve added the .css link:
https://snipboard.io/mFla0q.jpgI then added the custom font with following your similar font syntax:
https://snipboard.io/VGAd94.jpgThis is what adobe stated my font name as being:
https://snipboard.io/bI9zKC.jpgAs you can see here, it does not appear in my typography options 🙁
https://snipboard.io/IC0DLg.jpgI appreciate any help. Thank you!
Full Typekit Integration would be great! Please add it!
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!!
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.nlPlease Add Adobe Typekit integration !!
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.
This Works for me 🎉 thanks
-
AuthorPosts
- You must be logged in to reply to this topic.