{"id":752,"date":"2023-05-20T18:00:24","date_gmt":"2023-05-20T17:00:24","guid":{"rendered":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/uploading-your-own-font\/"},"modified":"2023-05-26T22:14:43","modified_gmt":"2023-05-26T21:14:43","slug":"uploading-your-own-font","status":"publish","type":"docs","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/uploading-your-own-font\/","title":{"rendered":"Uploading your own font"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">MakeGreatSite offers a variety of fonts that you can add on your website with a single click. However, if you have a custom brand font, you can upload it and use it throughout your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Before you begin, bear in mind that:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>fonts are a third-party code that may slow down your site&#8217;s loading speed.<\/li>\n\n\n\n<li>We can not predict the behavior of the custom font since it wasn&#8217;t created by MakeGreatSite. That being said, questions regarding custom fonts troubleshooting fall out of the scope of our support team.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Uploading your own font<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. Click on the&nbsp;<strong>Site style<\/strong>&nbsp;icon on the toolbar of the site&#8217;s editor:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"383\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/en1_1vgtrpy-1024x383.png\" alt=\"\" class=\"wp-image-733\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/en1_1vgtrpy-1024x383.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/en1_1vgtrpy-300x112.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/en1_1vgtrpy-768x288.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/en1_1vgtrpy.png 1525w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Navigate to the&nbsp;<strong>Texts<\/strong>&nbsp;tab, hover over the current site font and click&nbsp;<strong>Edit<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-4-angl_bhdqz9-1024x597.png\" alt=\"\" class=\"wp-image-734\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-4-angl_bhdqz9-1024x597.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-4-angl_bhdqz9-300x175.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-4-angl_bhdqz9-768x448.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-4-angl_bhdqz9-1536x896.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-4-angl_bhdqz9.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. Select which text type you want to upload the font to \u2014 for example, if you upload custom font to a subheading, all subheadings on the site will inherit this font:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"603\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-6-angl_6o74xj-1024x603.png\" alt=\"\" class=\"wp-image-738\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-6-angl_6o74xj-1024x603.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-6-angl_6o74xj-300x177.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-6-angl_6o74xj-768x452.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-6-angl_6o74xj-1536x904.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-1-skrin-6-angl_6o74xj.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> If you want to have the same font throughout the site, you will have to upload it to all the text types.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. Click on&nbsp;<strong>Upload custom font<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-3-angl_1xeqcyd-1024x608.png\" alt=\"\" class=\"wp-image-754\" width=\"840\" height=\"498\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-3-angl_1xeqcyd-1024x608.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-3-angl_1xeqcyd-300x178.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-3-angl_1xeqcyd-768x456.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-3-angl_1xeqcyd-1536x912.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-3-angl_1xeqcyd.png 1600w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">5. In the pop-up window click&nbsp;<strong>Upload custom font<\/strong>&nbsp;and choose the file from your device:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-4-angl_12x8ejr-1024x536.png\" alt=\"\" class=\"wp-image-755\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-4-angl_12x8ejr-1024x536.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-4-angl_12x8ejr-300x157.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-4-angl_12x8ejr-768x402.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-4-angl_12x8ejr-1536x804.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-4-angl_12x8ejr.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">6. After that come back to the settings of the chosen text type and choose the downloaded font in the&nbsp;<strong>Font family<\/strong>&nbsp;dropdown:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-5-angl_1u06soo-1024x611.png\" alt=\"\" class=\"wp-image-756\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-5-angl_1u06soo-1024x611.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-5-angl_1u06soo-300x179.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-5-angl_1u06soo-768x458.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-5-angl_1u06soo-1536x917.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/shrifti-3-skrin-5-angl_1u06soo.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip: <\/strong>The custom font will be added to the top of the list of all fonts available in the editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7. Click Done and publish your site.<\/p>\n","protected":false},"featured_media":0,"parent":111,"menu_order":38,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-752","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/comments?post=752"}],"version-history":[{"count":2,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/752\/revisions"}],"predecessor-version":[{"id":1731,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/752\/revisions\/1731"}],"up":[{"embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/111"}],"next":[{"title":"Advanced text settings","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/advanced-text-settings\/","href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/758"}],"prev":[{"title":"Customizing text fonts for the mobile version","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/customizing-text-fonts-for-the-mobile-version\/","href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/744"}],"wp:attachment":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/media?parent=752"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/doc_tag?post=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}