{"id":164771,"date":"2025-11-05T17:17:09","date_gmt":"2025-11-05T11:17:09","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=164771"},"modified":"2025-11-06T12:53:25","modified_gmt":"2025-11-06T06:53:25","slug":"custom-fonts","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/custom-fonts\/","title":{"rendered":"Custom Fonts"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"164771\" class=\"elementor elementor-164771\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83cb27e e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"83cb27e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bc67f50 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"bc67f50\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0602667 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"0602667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"0602667\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Step 01 :<\/span><span class=\"bdt-mainh-split-text\">Upload Your Own Fonts<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ff5014 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"1ff5014\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>From the <strong data-start=\"59\" data-end=\"85\">Element Pack Dashboard<\/strong>, click on <strong data-start=\"96\" data-end=\"115\">\u201cCustom Fonts.\u201d<\/strong> Next, select <strong data-start=\"129\" data-end=\"147\">\u201cAdd New Font\u201d<\/strong>, enter your font name, and upload the desired font file. The recommended format is <strong data-start=\"231\" data-end=\"240\">WOFF2<\/strong>, but you can also use <strong data-start=\"263\" data-end=\"296\">WOFF, TTF, OTF, EOT (for IE),<\/strong> or <strong data-start=\"300\" data-end=\"316\">SVG (legacy)<\/strong> formats. Finally, click <strong data-start=\"341\" data-end=\"352\">Publish<\/strong> to save your font.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27cfcff e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"27cfcff\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d776a35 elementor-widget elementor-widget-image\" data-id=\"d776a35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-one.jpg\" class=\"attachment-full size-full wp-image-164933\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-one.jpg 1280w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-one-300x169.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-one-1024x576.jpg 1024w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-one-768x432.jpg 768w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-one-18x10.jpg 18w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-one-485x273.jpg 485w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-551b361 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"551b361\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4af64d4 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"4af64d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0aecc22 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"0aecc22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"0aecc22\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Step 02 :<\/span><span class=\"bdt-mainh-split-text\">Apply the font<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad85a3d elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ad85a3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong data-start=\"43\" data-end=\"88\">You\u2019re now ready to use your custom font.<\/strong> Simply click on <strong data-start=\"105\" data-end=\"119\" data-is-only-node=\"\">Typography<\/strong>, type your font name in the search bar, and select it to apply the font to your design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61e7e78 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"61e7e78\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc36980 elementor-widget elementor-widget-image\" data-id=\"cc36980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-two.jpg\" class=\"attachment-full size-full wp-image-164934\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-two.jpg 1280w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-two-300x169.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-two-1024x576.jpg 1024w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-two-768x432.jpg 768w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-two-18x10.jpg 18w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2025\/11\/custom-fonts-screen-short-two-485x273.jpg 485w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcb7611 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"bcb7611\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cd65235 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"cd65235\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fec5178 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"fec5178\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"fec5178\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo:<\/span><span class=\"bdt-mainh-split-text\">Custom font Example<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4587641 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4587641\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>This example showcases how your uploaded custom font appears when applied to your website design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47d3241 e-con-full bdt-backdrop-filter-yes e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"47d3241\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29d529c elementor-widget elementor-widget-heading\" data-id=\"29d529c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Think Big, Act Smarter.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b501175 elementor-widget elementor-widget-heading\" data-id=\"b501175\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Think Big, Act Smarter.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-480320a elementor-widget elementor-widget-heading\" data-id=\"480320a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Think Big, Act Smarter.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f102de0 elementor-widget elementor-widget-heading\" data-id=\"f102de0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Think Big, Act Smarter.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Step 01 :Upload Your Own Fonts From the Element Pack Dashboard, click on \u201cCustom Fonts.\u201d Next, select \u201cAdd New Font\u201d, enter your font name, and upload the desired font file. The recommended format is WOFF2, but you can also use WOFF, TTF, OTF, EOT (for IE), or SVG (legacy) formats. Finally, click Publish to save your font. Step 02 :Apply the font You\u2019re now ready to use your custom font. Simply click on Typography, type your font name in the search bar, and select it to apply the font to your design. Demo:Custom font Example This example showcases how your uploaded custom font appears when applied to your website design. Think Big, Act Smarter. Think Big, Act Smarter. Think Big, Act Smarter. Think Big, Act Smarter.<\/p>\n","protected":false},"author":4302,"featured_media":164665,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-164771","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/164771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/users\/4302"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/comments?post=164771"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/164771\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/32"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media\/164665"}],"wp:attachment":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media?parent=164771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}