{"id":6300,"date":"2022-11-29T18:31:45","date_gmt":"2022-11-29T18:31:45","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=6300"},"modified":"2026-04-22T15:58:24","modified_gmt":"2026-04-22T15:58:24","password":"","slug":"custom-fonts","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/custom-fonts\/","title":{"rendered":"Kadence Custom Fonts"},"content":{"rendered":"\n<p>All of the Kadence Plans give you access to the <strong>Kadence Custom Fonts Plugin<\/strong>. You can upload custom font files to your website or import your Adobe Type Kit Project fonts directly to your Kadence website with ease. The Custom Fonts plugin is available in the <strong>Express<\/strong> <strong>Plan<\/strong> and greater. You can <a href=\"https:\/\/www.kadencewp.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a> to view our plan pricing.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6300_c4eee2-88, .wp-block-kadence-advancedheading.kt-adv-heading6300_c4eee2-88[data-kb-block=\"kb-adv-heading6300_c4eee2-88\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6300_c4eee2-88 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6300_c4eee2-88[data-kb-block=\"kb-adv-heading6300_c4eee2-88\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6300_c4eee2-88 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6300_c4eee2-88[data-kb-block=\"kb-adv-heading6300_c4eee2-88\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading6300_c4eee2-88 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading6300_c4eee2-88\">Kadence includes built-in support for <strong>Google<\/strong> <strong>Fonts<\/strong> in both the free Kadence Theme and the free Kadence Blocks plugin. The Kadence Custom Fonts solution is for fonts that <span style=\"text-decoration: underline\">are not<\/span> included in Google Fonts.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id6300_6827e7-02 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id6300_6827e7-02 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id6300_6827e7-02 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id6300_6827e7-02 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6300_bd70f4-b8, .wp-block-kadence-advancedheading.kt-adv-heading6300_bd70f4-b8[data-kb-block=\"kb-adv-heading6300_bd70f4-b8\"]{margin-top:var(--global-kb-spacing-xxs, 0.5rem);margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6300_bd70f4-b8 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6300_bd70f4-b8[data-kb-block=\"kb-adv-heading6300_bd70f4-b8\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6300_bd70f4-b8 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6300_bd70f4-b8[data-kb-block=\"kb-adv-heading6300_bd70f4-b8\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading6300_bd70f4-b8 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6300_bd70f4-b8\">Get the Kadence Custom Fonts plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can download the <strong>Kadence Custom Fonts<\/strong> plugin by logging into your <a href=\"https:\/\/www.kadencewp.com\/my-account\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kadence Account<\/a> and navigating to your <strong><a href=\"https:\/\/www.kadencewp.com\/my-account\/downloads\/\" target=\"_blank\" rel=\"noreferrer noopener\">Product Downloads<\/a><\/strong> page.<\/li>\n<\/ul>\n\n\n<style>.kb-image6300_07f1e5-70 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6300_07f1e5-70\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1836\" height=\"104\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Custom-Fonts.jpg\" alt=\"Custom Fonts\" class=\"kb-img wp-image-7194\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Custom-Fonts.jpg 1836w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Custom-Fonts-300x17.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Custom-Fonts-1024x58.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Custom-Fonts-768x44.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Custom-Fonts-360x20.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Custom-Fonts-1536x87.jpg 1536w\" sizes=\"auto, (max-width: 1836px) 100vw, 1836px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>From your WordPress Dashboard, navigate to Plugins \u2192 Add New \u2192 Upload Plugin.<\/li>\n\n\n\n<li>Find the Custom Fonts ZIP file, install it, and then activate it.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6300_721a68-7f, .wp-block-kadence-advancedheading.kt-adv-heading6300_721a68-7f[data-kb-block=\"kb-adv-heading6300_721a68-7f\"]{margin-top:var(--global-kb-spacing-xxs, 0.5rem);margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6300_721a68-7f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6300_721a68-7f[data-kb-block=\"kb-adv-heading6300_721a68-7f\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6300_721a68-7f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6300_721a68-7f[data-kb-block=\"kb-adv-heading6300_721a68-7f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"upload-your-font\" class=\"kt-adv-heading6300_721a68-7f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6300_721a68-7f\">Upload Your&nbsp;Font<\/h3>\n\n\n\n<p>To upload your font, go to Dashboard \u2192 Appearance \u2192 Kadence \u2192 Custom Fonts and click the <strong>Add A New Custom Font<\/strong> button.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6300_d9d8aa-c7, .wp-block-kadence-advancedheading.kt-adv-heading6300_d9d8aa-c7[data-kb-block=\"kb-adv-heading6300_d9d8aa-c7\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6300_d9d8aa-c7 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6300_d9d8aa-c7[data-kb-block=\"kb-adv-heading6300_d9d8aa-c7\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6300_d9d8aa-c7 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6300_d9d8aa-c7[data-kb-block=\"kb-adv-heading6300_d9d8aa-c7\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading6300_d9d8aa-c7 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading6300_d9d8aa-c7\">The Custom Fonts plugin allows you to upload variable fonts, but they will be treated as static fonts. You must select a single weight when uploading, and only that weight will be available for use. To use multiple weights, you can create separate custom fonts for each, but they will not function as a variable font.<\/p>\n\n\n\n<p>Ensure the font you want to use is downloaded and ready.<\/p>\n\n\n<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id6300_04233c-73{margin-bottom:var(--global-kb-spacing-sm, 1.5rem);}.kb-row-layout-id6300_04233c-73 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id6300_04233c-73 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id6300_04233c-73 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id6300_04233c-73 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id6300_04233c-73 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id6300_04233c-73 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id6300_04233c-73 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column6300_a1446b-41 > .kt-inside-inner-col{display:flex;}.kadence-column6300_a1446b-41 > .kt-inside-inner-col,.kadence-column6300_a1446b-41 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column6300_a1446b-41 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6300_a1446b-41 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6300_a1446b-41 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column6300_a1446b-41{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6300_a1446b-41{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6300_a1446b-41 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6300_a1446b-41 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6300_a1446b-41{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column6300_a1446b-41{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6300_a1446b-41{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6300_a1446b-41 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column6300_a1446b-41 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column6300_a1446b-41{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6300_a1446b-41{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6300_a1446b-41 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6300_a1446b-41 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6300_a1446b-41\"><div class=\"kt-inside-inner-col\">\n<p><strong>Font Type:<\/strong>  Select Upload File.<\/p>\n\n\n\n<p><strong>Font Family Name:<\/strong>  Specify the name of the font.<\/p>\n\n\n\n<p><strong>Font Specific Style Name:<\/strong> (Optional)  If you do not know what this is, you can leave it blank.<\/p>\n\n\n\n<p><strong>Add files:<\/strong>  upload the .woff and .woff2 font files.<br><\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column6300_ad9b96-8c > .kt-inside-inner-col,.kadence-column6300_ad9b96-8c > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column6300_ad9b96-8c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6300_ad9b96-8c > .kt-inside-inner-col{flex-direction:column;}.kadence-column6300_ad9b96-8c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6300_ad9b96-8c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6300_ad9b96-8c{position:relative;}@media all and (max-width: 1024px){.kadence-column6300_ad9b96-8c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6300_ad9b96-8c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6300_ad9b96-8c\"><div class=\"kt-inside-inner-col\"><style>.kb-image6300_2a338c-a3 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6300_2a338c-a3\"><img loading=\"lazy\" decoding=\"async\" width=\"2456\" height=\"1220\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/10\/SelectFont.jpg\" alt=\"\" class=\"kb-img wp-image-7195\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/10\/SelectFont.jpg 2456w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/10\/SelectFont-300x149.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/10\/SelectFont-1024x509.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/10\/SelectFont-768x381.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/10\/SelectFont-360x179.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/10\/SelectFont-1536x763.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/10\/SelectFont-2048x1017.jpg 2048w\" sizes=\"auto, (max-width: 2456px) 100vw, 2456px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id6300_c86ca2-c2{margin-bottom:var(--global-kb-spacing-sm, 1.5rem);}.kb-row-layout-id6300_c86ca2-c2 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id6300_c86ca2-c2 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id6300_c86ca2-c2 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id6300_c86ca2-c2 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id6300_c86ca2-c2 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id6300_c86ca2-c2 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id6300_c86ca2-c2 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column6300_ae3774-f0 > .kt-inside-inner-col,.kadence-column6300_ae3774-f0 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column6300_ae3774-f0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6300_ae3774-f0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column6300_ae3774-f0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6300_ae3774-f0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6300_ae3774-f0{position:relative;}@media all and (max-width: 1024px){.kadence-column6300_ae3774-f0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6300_ae3774-f0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6300_ae3774-f0\"><div class=\"kt-inside-inner-col\">\n<p><strong>Fallback Font Stack:<\/strong> Setting a fallback font is recommended. You can use <em>serif<\/em>, <em>sans-serif<\/em> and\/or common fonts such as Helvetica or Arial. Separate multiple fonts with a comma.<br><br><em><span style=\"text-decoration: underline\">Note<\/span>: if you are going to use a fallback font with spaces and numbers in its name, <strong>wrap the name in quotes<\/strong> (e.g., &#8216;Source Serif 4&#8217;)<\/em><\/p>\n\n\n\n<p><strong>Font Weight:<\/strong>  Set the weight for your font (i.e. 400, 600, etc&#8230;)<\/p>\n\n\n\n<p><strong>Font Style:<\/strong> Set the font style (i.e. normal or italic)<\/p>\n\n\n\n<p><strong>Load Display Swap?:<\/strong>  Enable to use the fallback font to display text until the custom font has fully downloaded (recommended).<br><br><strong>OPTIONAL:<\/strong> you can upload the EOT, TTF, and\/or SVG versions of the font.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column6300_fb3210-83 > .kt-inside-inner-col,.kadence-column6300_fb3210-83 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column6300_fb3210-83 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6300_fb3210-83 > .kt-inside-inner-col{flex-direction:column;}.kadence-column6300_fb3210-83 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6300_fb3210-83 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6300_fb3210-83{position:relative;}@media all and (max-width: 1024px){.kadence-column6300_fb3210-83 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6300_fb3210-83 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6300_fb3210-83\"><div class=\"kt-inside-inner-col\"><style>.kb-image6300_d3e1ba-1c .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6300_d3e1ba-1c size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"988\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/SelectFontStyles-988x1024.jpg\" alt=\"Select Font Styles\" class=\"kb-img wp-image-7196\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/SelectFontStyles-988x1024.jpg 988w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/SelectFontStyles-290x300.jpg 290w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/SelectFontStyles-768x796.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/SelectFontStyles-360x373.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/SelectFontStyles-1483x1536.jpg 1483w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/SelectFontStyles.jpg 1502w\" sizes=\"auto, (max-width: 988px) 100vw, 988px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>Once you publish your new font, it will be available in your Kadence theme and block settings.<\/p>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-6300_81cc22-8c .kt-block-spacer{height:35px;}.wp-block-kadence-spacer.kt-block-spacer-6300_81cc22-8c .kt-divider{border-top-width:2px;border-top-color:#eee;width:100%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-6300_81cc22-8c\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\" \/><\/div><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6300_f97d53-3b, .wp-block-kadence-advancedheading.kt-adv-heading6300_f97d53-3b[data-kb-block=\"kb-adv-heading6300_f97d53-3b\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6300_f97d53-3b mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6300_f97d53-3b[data-kb-block=\"kb-adv-heading6300_f97d53-3b\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6300_f97d53-3b img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6300_f97d53-3b[data-kb-block=\"kb-adv-heading6300_f97d53-3b\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"adobe-typekit-fonts\" class=\"kt-adv-heading6300_f97d53-3b wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6300_f97d53-3b\">Adobe TypeKit Fonts<\/h3>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6300_8ad2f7-7b, .wp-block-kadence-advancedheading.kt-adv-heading6300_8ad2f7-7b[data-kb-block=\"kb-adv-heading6300_8ad2f7-7b\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6300_8ad2f7-7b mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6300_8ad2f7-7b[data-kb-block=\"kb-adv-heading6300_8ad2f7-7b\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6300_8ad2f7-7b img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6300_8ad2f7-7b[data-kb-block=\"kb-adv-heading6300_8ad2f7-7b\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading6300_8ad2f7-7b wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading6300_8ad2f7-7b\">To use Adobe Fonts in Kadence Pro, you must have an active Adobe Creative Cloud subscription (<a href=\"https:\/\/www.adobe.com\/creativecloud.html\" target=\"_blank\" rel=\"noreferrer noopener\">see Adobe Creative Cloud<\/a>).<\/p>\n\n\n\n<p>To add your Adobe Web Fonts, go to Dashboard \u2192 Appearance \u2192 Kadence \u2192 Custom Fonts and click <strong>Add New Custom Font<\/strong>.  When adding a new custom font, the first option is <strong>Font Type<\/strong>. From the dropdown menu, select <strong>Adobe Type Kit<\/strong>. You can learn more about adding fonts to your website using Adobe TypeKit <strong><a href=\"https:\/\/helpx.adobe.com\/fonts\/using\/add-fonts-website.html\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a><\/strong>.<\/p>\n\n\n\n<p>Next, you&#8217;ll be prompted to enter your <strong>Adobe TypeKit Project ID<\/strong>.<\/p>\n\n\n<style>.kb-image6300_1868f6-19 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6300_1868f6-19 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-Type-Kit-Font-1024x329.jpg\" alt=\"Adobe Type Kit Font\" class=\"kb-img wp-image-7197\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-Type-Kit-Font-1024x329.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-Type-Kit-Font-300x96.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-Type-Kit-Font-768x247.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-Type-Kit-Font-360x116.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-Type-Kit-Font-1536x494.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-Type-Kit-Font-2048x659.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can find your Project ID on the Adobe Web Fonts website.  Your web project, and all the fonts you\u2019ve added to it, will be listed under <strong>Manage Fonts<\/strong>.  Locate your project and click the <strong>Edit Project<\/strong> button.  You should see the <strong>Project ID<\/strong> listed along the top next to the project name.<\/p>\n\n\n<style>.kb-image6300_0f19f5-bc .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6300_0f19f5-bc size-large\" id=\"adobe-project-id\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Screenshot-2025-06-26-at-1.40.00\u202fPM-1024x523.png\" alt=\"Adobe Fonts - locating your Project ID\" class=\"kb-img wp-image-13436\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Screenshot-2025-06-26-at-1.40.00\u202fPM-1024x523.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Screenshot-2025-06-26-at-1.40.00\u202fPM-300x153.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Screenshot-2025-06-26-at-1.40.00\u202fPM-768x392.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Screenshot-2025-06-26-at-1.40.00\u202fPM-1536x784.png 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Screenshot-2025-06-26-at-1.40.00\u202fPM-360x184.png 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Screenshot-2025-06-26-at-1.40.00\u202fPM.png 1553w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you&#8217;ve added the Project ID, publish the new custom font. The Custom Fonts Plugin will import all of the fonts and variations included in the Adobe web project.<\/p>\n\n\n<style>.kb-image6300_1b1bb0-65 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6300_1b1bb0-65 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-TypeKit-2-1024x515.jpg\" alt=\"Adobe TypeKit 2\" class=\"kb-img wp-image-7198\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-TypeKit-2-1024x515.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-TypeKit-2-300x151.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-TypeKit-2-768x386.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-TypeKit-2-360x181.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-TypeKit-2-1536x772.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/Adobe-TypeKit-2-2048x1030.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Your Adobe Web Fonts can now be used in your Kadence theme and block settings.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6300_f90165-fb, .wp-block-kadence-advancedheading.kt-adv-heading6300_f90165-fb[data-kb-block=\"kb-adv-heading6300_f90165-fb\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6300_f90165-fb mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6300_f90165-fb[data-kb-block=\"kb-adv-heading6300_f90165-fb\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6300_f90165-fb img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6300_f90165-fb[data-kb-block=\"kb-adv-heading6300_f90165-fb\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading6300_f90165-fb wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading6300_f90165-fb\"><strong>Note:<\/strong> When using Typekit (Adobe Fonts) with Kadence Custom Fonts, variable fonts are treated as static. Only the weights and basic styles (like regular, bold, or italic) are recognized. Other axes, such as width or slant, are not imported and cannot be adjusted.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">East Asian or CJK (Chinese, Japanese, Korean) TypeKit fonts<\/h4>\n\n\n\n<p>If you are using Custom Fonts for Chinese, Japanese, or Korean (CJK) languages, you may find that the fonts do not display correctly on your site. This is often because CJK fonts require a specific language-related script to render properly.<\/p>\n\n\n\n<p>Currently, the Kadence Custom Fonts plugin does not automatically add this script. To ensure your CJK fonts work as expected, you will need to add the following script to your site.<\/p>\n\n\n\n<p>In your Adobe Fonts project, there is an additional script to add for your CJK fonts:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/d33v4339jhl8k0.cloudfront.net\/inline\/10223\/a95c92f039c9ce690ec79cfbf1c00ba6c74d2891\/5eb9b03bae47e42b544c97230633c78476b3d15f\/Ticket-Kadence-Custom-Fonts-Plugin-Lack-of----StellarWP-Support---Zendesk-2025-07-22-at-2-09-27-PM.jpg\" alt=\"\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>How to Add the Required CJK Script<\/strong><\/h5>\n\n\n\n<p>First, copy the script from your Adobe Fonts account.<\/p>\n\n\n\n<p>Add this script using the Kadence Theme Kit Pro&#8217;s <strong><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-add-scripts-in-header-footer\/\">Custom Scripts<\/a><\/strong> feature. Add it to the &#8220;<strong>Add scripts into your footer<\/strong>&#8221; option.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6300_2c6a0b-19, .wp-block-kadence-advancedheading.kt-adv-heading6300_2c6a0b-19[data-kb-block=\"kb-adv-heading6300_2c6a0b-19\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6300_2c6a0b-19 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6300_2c6a0b-19[data-kb-block=\"kb-adv-heading6300_2c6a0b-19\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6300_2c6a0b-19 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6300_2c6a0b-19[data-kb-block=\"kb-adv-heading6300_2c6a0b-19\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"adobe-typekit-fonts\" class=\"kt-adv-heading6300_2c6a0b-19 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6300_2c6a0b-19\">Fixing Mixed Content Errors<\/h3>\n\n\n\n<p>In rare cases, you may run into <strong>Mixed<\/strong> <strong>Content<\/strong> <strong>Errors<\/strong>. If you run into a <em>mixed-content-related error<\/em>, refer to the <strong><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/fixing-mixed-content-errors-in-wordpress\/\">Fixing Mixed Content Errors in WordPress<\/a><\/strong> document.<\/p>\n\n\n<style>.kb-image6300_484735-f6.kb-image-is-ratio-size, .kb-image6300_484735-f6 .kb-image-is-ratio-size{max-width:700px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image6300_484735-f6.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image6300_484735-f6 .kb-image-is-ratio-size{align-self:unset;}.kb-image6300_484735-f6 figure{max-width:700px;}.kb-image6300_484735-f6 .image-is-svg, .kb-image6300_484735-f6 .image-is-svg img{width:100%;}.kb-image6300_484735-f6 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6300_484735-f6\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2249\" height=\"1184\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/09\/Mixed-Content-Errors.jpg\" alt=\"Mixed Content Errors\" class=\"kb-img wp-image-15046\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/09\/Mixed-Content-Errors.jpg 2249w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/09\/Mixed-Content-Errors-300x158.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/09\/Mixed-Content-Errors-1024x539.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/09\/Mixed-Content-Errors-768x404.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/09\/Mixed-Content-Errors-1536x809.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/09\/Mixed-Content-Errors-2048x1078.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/09\/Mixed-Content-Errors-360x190.jpg 360w\" sizes=\"auto, (max-width: 2249px) 100vw, 2249px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>All of the Kadence Plans give you access to the Kadence Custom Fonts Plugin. You can upload custom font files to your website or import your Adobe Type Kit Project fonts directly to your Kadence website with ease. The Custom Fonts plugin is available in the Express Plan and greater. You can click here to&#8230;<\/p>\n","protected":false},"author":1265,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[418,408],"doc_tag":[],"knowledge_base":[7,6],"class_list":["post-6300","docs","type-docs","status-publish","hentry","doc_category-blocks-pro","doc_category-theme-pro","knowledge_base-kadence-blocks","knowledge_base-kadence-theme"],"year_month":"2026-05","word_count":797,"total_views":"16887","reactions":{"happy":"0","normal":"0","sad":"1"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Kadence Blocks Pro","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/blocks-pro\/"},{"term_name":"Theme Kit Pro","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-pro\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/","term_slug":"kadence-blocks"},{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-blocks","kadence-theme"],"taxonomy_info":{"doc_category":[{"value":418,"label":"Kadence Blocks Pro"},{"value":408,"label":"Theme Kit Pro"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"},{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=6300"}],"version-history":[{"count":28,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6300\/revisions"}],"predecessor-version":[{"id":16747,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6300\/revisions\/16747"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=6300"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=6300"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=6300"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=6300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}