{"id":2121,"date":"2021-04-06T18:31:25","date_gmt":"2021-04-06T18:31:25","guid":{"rendered":"https:\/\/www.kadenceblocks.com\/?post_type=ht_kb&#038;p=2117"},"modified":"2025-09-02T14:12:30","modified_gmt":"2025-09-02T14:12:30","password":"","slug":"adding-a-custom-font-to-kadence-blocks","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/adding-a-custom-font-to-kadence-blocks\/","title":{"rendered":"Adding a Custom Font to Kadence Blocks"},"content":{"rendered":"\n<p>With access to <a href=\"https:\/\/www.kadencewp.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kadence Plans<\/a>, there is a Kadence Custom Fonts plugin that will allow you to upload custom fonts or use fonts from Adobe Typekit. This is the easiest way to add custom fonts using Kadence Blocks. Within the <a href=\"https:\/\/www.kadencewp.com\/my-account\/downloads\/\" target=\"_blank\" rel=\"noreferrer noopener\">Product Downloads<\/a> area of your KadenceWP.com account, download and install the <a href=\"https:\/\/www.kadencewp.com\/product\/kadence-custom-fonts\/\">Kadence Custom Fonts<\/a> plugin.<\/p>\n\n\n\n<p>If you would like to add a custom font manually using code you can do this using the following snippet:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">function my_kadence_blocks_custom_fonts( $system_fonts ) {\n\t$system_fonts[ 'Forza Book' ] = array(\n\t  'fallback' =&gt; 'Verdana, Arial, sans-serif',\n\t  'weights' =&gt; array(\n\t\t'400',\n\t  ),\n\t  'label' =&gt; 'My custom label',\n\t);\n\treturn $system_fonts;\n  }\n  add_filter( 'kadence_blocks_add_custom_fonts', 'my_kadence_blocks_custom_fonts' );<\/code><\/pre>\n\n\n\n<p><strong>Just make sure you also include the @font-face css to include your custom font files. <a aria-label=\"Learn about css @font-face (opens in a new tab)\" href=\"https:\/\/www.w3schools.com\/cssref\/css3_pr_font-face_rule.asp\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" class=\"rank-math-link\">Learn about css @font-face<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With access to Kadence Plans, there is a Kadence Custom Fonts plugin that will allow you to upload custom fonts or use fonts from Adobe Typekit. This is the easiest way to add custom fonts using Kadence Blocks. Within the Product Downloads area of your KadenceWP.com account, download and install the Kadence Custom Fonts plugin&#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":[420],"doc_tag":[],"knowledge_base":[7],"class_list":["post-2121","docs","type-docs","status-publish","hentry","doc_category-blocks-advanced","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":138,"total_views":"5657","reactions":{"happy":"13","normal":"0","sad":"0"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Advanced","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/blocks-advanced\/"}],"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"}],"knowledge_base_slug":["kadence-blocks"],"taxonomy_info":{"doc_category":[{"value":420,"label":"Advanced"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/2121","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=2121"}],"version-history":[{"count":4,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/2121\/revisions"}],"predecessor-version":[{"id":14629,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/2121\/revisions\/14629"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=2121"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=2121"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=2121"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}