{"id":2769,"date":"2021-06-22T10:53:36","date_gmt":"2021-06-22T10:53:36","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2769"},"modified":"2023-02-22T09:13:00","modified_gmt":"2023-02-22T09:13:00","slug":"custom-fonts-how-to-add-adobe-typekit-to-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/","title":{"rendered":"Custom Fonts &#8211; How to Add Adobe Typekit to Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2769\" class=\"elementor elementor-2769\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3a928227 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3a928227\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-722836d0\" data-id=\"722836d0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67b10c9b elementor-widget elementor-widget-video\" data-id=\"67b10c9b\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=Y167bLmlrY4&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38ccbc92 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"38ccbc92\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-72b2e44a\" data-id=\"72b2e44a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3bb7d0c elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"3bb7d0c\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-6261\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-6261\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-6262\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-6262\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-6261\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-6261\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-6261\" tabindex=\"0\" hidden=\"false\"><p>Learn how to add Adobe Typekit to Elementor<\/p><p>You simply enter your Typekit key in the settings dashboard (Integrations tab), and instantly get all your Typekit fonts inside the various typography settings in Elementor. Using this integration, you don\u2019t need to download, install or code anything to use your Typekit fonts.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-6262\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-6262\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-6262\" tabindex=\"0\" hidden=\"hidden\"><p>hey everyone it&#8217;s Cassie from Elementor<br \/>in this video I&#8217;m gonna go over how to<br \/>integrate Typekit into Elementor first<br \/>go to type kit and create a kit if you<br \/>already have a kit you can skip ahead to<br \/>learn how to embed your type kit ID into<br \/>Elementor so fill in your name and then<br \/>enter your website domain press Continue<br \/>and continue again now let&#8217;s choose an<br \/>amazing font<br \/>how about victor script<br \/>add to kit add to test kit publish to<br \/>update this way you can add as many<br \/>fonts as you want let&#8217;s add another one<br \/>this time Baroque text and again add to<br \/>kit add to test kit and publish it okay<br \/>so now just press embed code copy the<br \/>kit ID and go to the wordpress dashboard<br \/>go to element or settings under the<br \/>integration tab scroll down to the type<br \/>kit and paste your ID get kit all right<br \/>now this part requires a bit of patience<br \/>sometimes it takes a few minutes for<br \/>Typekit to update its server now let&#8217;s<br \/>play with your new type kit we can add<br \/>your new font to this heading click the<br \/>text widgets handle to open the panel<br \/>under style family scroll down a little<br \/>and you&#8217;ll see the type kit has been<br \/>added as a new category here you&#8217;ll see<br \/>all the fonts you chose for your kit<br \/>design away welcome to our font family<br \/>to become a professional join us for<br \/>more videos by subscribing to our<br \/>youtube channel thanks for tuning in<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview Learn how to add Adobe Typekit to Elementor You simply enter your Typekit key in the settings dashboard (Integrations tab), and instantly get all your Typekit fonts inside the various typography settings in Elementor. Using this integration, you don\u2019t need to download, install or code anything to use your Typekit fonts. Transcript [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":3426,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[41],"class_list":["post-2769","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integrations","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Custom Fonts - How to Add Adobe Typekit to Elementor - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom Fonts - How to Add Adobe Typekit to Elementor - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview Learn how to add Adobe Typekit to Elementor You simply enter your Typekit key in the settings dashboard (Integrations tab), and instantly get all your Typekit fonts inside the various typography settings in Elementor. Using this integration, you don\u2019t need to download, install or code anything to use your Typekit fonts. Transcript [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T10:53:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:13:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Adobe-Typekit.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom Fonts - How to Add Adobe Typekit to Elementor - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/","og_locale":"en_US","og_type":"article","og_title":"Custom Fonts - How to Add Adobe Typekit to Elementor - Academy","og_description":"Overview Transcript Overview Learn how to add Adobe Typekit to Elementor You simply enter your Typekit key in the settings dashboard (Integrations tab), and instantly get all your Typekit fonts inside the various typography settings in Elementor. Using this integration, you don\u2019t need to download, install or code anything to use your Typekit fonts. Transcript [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/","og_site_name":"Academy","article_published_time":"2021-06-22T10:53:36+00:00","article_modified_time":"2023-02-22T09:13:00+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Adobe-Typekit.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Custom Fonts &#8211; How to Add Adobe Typekit to Elementor","datePublished":"2021-06-22T10:53:36+00:00","dateModified":"2023-02-22T09:13:00+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/"},"wordCount":340,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Adobe-Typekit.jpg","keywords":["Guides and Tutorials"],"articleSection":["Integrations"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/","url":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/","name":"Custom Fonts - How to Add Adobe Typekit to Elementor - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Adobe-Typekit.jpg","datePublished":"2021-06-22T10:53:36+00:00","dateModified":"2023-02-22T09:13:00+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Adobe-Typekit.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Adobe-Typekit.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-adobe-typekit-to-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Integrations","item":"https:\/\/elementor.com\/academy\/integrations\/"},{"@type":"ListItem","position":4,"name":"Custom Fonts &#8211; How to Add Adobe Typekit to Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=2769"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2769\/revisions"}],"predecessor-version":[{"id":9429,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2769\/revisions\/9429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/3426"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}