{"id":2722,"date":"2021-06-22T10:50:47","date_gmt":"2021-06-22T10:50:47","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2722"},"modified":"2023-02-21T11:07:14","modified_gmt":"2023-02-21T11:07:14","slug":"custom-fonts-how-to-add-your-own-fonts-to-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/","title":{"rendered":"Custom Fonts &#8211; How to Add Your Own Fonts to Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2722\" class=\"elementor elementor-2722\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4303d755 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4303d755\" 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-1d154bad\" data-id=\"1d154bad\" 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-302252e3 elementor-widget elementor-widget-video\" data-id=\"302252e3\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=lskSCRBVU1k&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-671b0705 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"671b0705\" 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-3ae9c522\" data-id=\"3ae9c522\" 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-27d97cde elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"27d97cde\" 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-6681\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-6681\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-6682\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-6682\" 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-6681\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-6681\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-6681\" tabindex=\"0\" hidden=\"false\"><p>Now you can upload your custom fonts and use them across all text widgets in Elementor<\/p><p>Simply upload your custom font formats, and see them instantly appear inside the widget typography settings.<\/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-6682\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-6682\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-6682\" tabindex=\"0\" hidden=\"hidden\">Hey everyone, it&#8217;s Cassie from Elementor.\nIn this video I&#8217;ll show you how to add\nyour own custom fonts and use them to\ncreate more unique websites. So, go to the\nwordpress dashboard, go to Elementor, and\nyou can see we added custom fonts. Add\nnew. Give your font a title. Add font\nvariation. Okay so what are we looking at\nhere you have different types of weights\nnormal bold lighter a hundred to nine\nhundred. Here we have different styles\nitalic oblique, and here we have\ndifferent font files. Basically you want\nto upload as many kinds of files as you\ncan because they support different\nbrowsers. Let&#8217;s start out by choosing a\nnormal TTF file. You can see our font has been added.\nLet&#8217;s try another one. Set the weight too.\nSo now we have those two added font\nvariation. This time let&#8217;s add a weight\nof 700\nand let&#8217;s also add a weight of 900\nand publish. Here you see all the fonts\nand different weights we added back to\nElementor custom fonts. Here next to the\nfont name you can see we added four\ndifferent weights of ostrich. Add a new\npage, name it, press edit with Elementor.\nClick on the text widgets handle to open\nits panel. Go to the style tab under\nTypography family. Here you&#8217;ll see the\nfonts we added right at the top near the\ndefault family and play around with the\ndifferent weights. Thanks for tuning in.\nCheck out the next video to learn how to\nintegrate your Typekit fonts and don&#8217;t\nforget to subscribe to our YouTube channel.\n\n<\/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 Now you can upload your custom fonts and use them across all text widgets in Elementor Simply upload your custom font formats, and see them instantly appear inside the widget typography settings. Transcript Hey everyone, it\u2019s Cassie from Elementor. In this video I\u2019ll show you how to add your own custom fonts [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":3982,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-2722","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","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 Your Own Fonts 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-your-own-fonts-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 Your Own Fonts to Elementor - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview Now you can upload your custom fonts and use them across all text widgets in Elementor Simply upload your custom font formats, and see them instantly appear inside the widget typography settings. Transcript Hey everyone, it\u2019s Cassie from Elementor. In this video I\u2019ll show you how to add your own custom fonts [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T10:50:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T11:07:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Your-Own-Fonts.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 Your Own Fonts 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-your-own-fonts-to-elementor\/","og_locale":"en_US","og_type":"article","og_title":"Custom Fonts - How to Add Your Own Fonts to Elementor - Academy","og_description":"Overview Transcript Overview Now you can upload your custom fonts and use them across all text widgets in Elementor Simply upload your custom font formats, and see them instantly appear inside the widget typography settings. Transcript Hey everyone, it\u2019s Cassie from Elementor. In this video I\u2019ll show you how to add your own custom fonts [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/","og_site_name":"Academy","article_published_time":"2021-06-22T10:50:47+00:00","article_modified_time":"2023-02-21T11:07:14+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Your-Own-Fonts.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-your-own-fonts-to-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Custom Fonts &#8211; How to Add Your Own Fonts to Elementor","datePublished":"2021-06-22T10:50:47+00:00","dateModified":"2023-02-21T11:07:14+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/"},"wordCount":329,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Your-Own-Fonts.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/","url":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/","name":"Custom Fonts - How to Add Your Own Fonts to Elementor - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Your-Own-Fonts.jpg","datePublished":"2021-06-22T10:50:47+00:00","dateModified":"2023-02-21T11:07:14+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-to-elementor\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Your-Own-Fonts.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Your-Own-Fonts.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/custom-fonts-how-to-add-your-own-fonts-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":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"Custom Fonts &#8211; How to Add Your Own Fonts 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\/2722","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=2722"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2722\/revisions"}],"predecessor-version":[{"id":9626,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2722\/revisions\/9626"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/3982"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}