{"id":1786,"date":"2024-09-26T13:44:50","date_gmt":"2024-09-26T13:44:50","guid":{"rendered":"http:\/\/docs"},"modified":"2024-09-26T13:44:50","modified_gmt":"2024-09-26T13:44:50","password":"","slug":"how-to-setup-custom-fonts-with-xstore","status":"publish","type":"docs","link":"https:\/\/www.8theme.com\/documentation\/xstore\/xstore-features\/how-to-setup-custom-fonts-with-xstore\/","title":{"rendered":"How to setup Custom Fonts with XStore"},"content":{"rendered":"<p>Xstore WordPress has a feature called <b>Custom Fonts<\/b> which allows you to upload custom fonts to be used throughout the site. For optimal browser compatibility, it is recommended to upload all available formats. You may upload as many custom fonts as necessary.<\/p>\n<p>To use this feature, please navigate to the <b>Dashboard &gt; XSTORE &gt; Custom Fonts &gt; Upload Font<\/b>, as shown in the accompanying image:<\/p>\n<p><img decoding=\"async\"  src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/65a6819969979704a279a1ff\/file-3FEcbGc5DF.png\" style=\"width: 100%; max-width: 100%; \" \/><\/p>\n<p>We kindly ask that you ensure that the font formats you upload are supported by all browsers. You can find the Browser Support for Font Formats in the images provided.<\/p>\n<p><img decoding=\"async\"  src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/65a681a0f1393916b8ea1592\/file-Yqwyu28fK7.png\" style=\"width: 100%; max-width: 100%; \" \/><\/p>\n<p><\/p>\n<p><img decoding=\"async\"  src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/65a681a8f1393916b8ea1593\/file-08sTK0POcu.png\" style=\"width: 100%; max-width: 100%; \" \/><\/p>\n<p>The font you uploaded will be available in the font-family drop-downs at the <b>XStore &gt; Theme Options &gt; Typography<\/b> options. There, you will find the Body Font Family option and Heading Font Family Option, where you can select the custom fonts you uploaded with XStore Custom Font Feature and publish them. Once you have completed the process, you can view the results on the website.<\/p>\n<p>For further instructions and visual examples, please refer to the images provided:<\/p>\n<p><img decoding=\"async\"  src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/65a681b2126ef46c7032e90b\/file-V9ZQGSIWNQ.png\" style=\"width: 100%; max-width: 100%; \" \/><\/p>\n<p><img decoding=\"async\"  src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/65a681b6a45534249a235c29\/file-HwNIz3ySeK.png\" style=\"width: 100%; max-width: 100%; \" \/><\/p>\n<p>For your reference, you may check the fonts available on Google Fonts at the following link: <code class=\"inline-code\">https:\/\/fonts.google.com\/<\/code> You may select any font that meets your requirements.<\/p>\n<p>We invite you to try our Custom Fonts feature and experience the impact it can have on your site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Xstore WordPress has a feature called Custom Fonts which allows you to upload custom fonts to be used throughout the site. For optimal browser compatibility, it is recommended to upload all available formats. You may upload as many custom fonts as necessary. To use this feature, please navigate to the Dashboard &gt; XSTORE &gt; Custom [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"doc_category":[13],"doc_tag":[],"class_list":["post-1786","docs","type-docs","status-publish","hentry","doc_category-xstore-features"],"aioseo_notices":[],"year_month":"2026-04","word_count":220,"total_views":"3564","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"author_nicename":"docs","author_url":"https:\/\/www.8theme.com\/documentation\/author\/docs\/"},"doc_category_info":[{"term_name":"XStore Features","term_url":"https:\/\/www.8theme.com\/documentation\/xstore\/xstore-features\/"}],"doc_tag_info":[],"author_list":[{"ID":"1","user_login":"docs","display_name":"docs","id":"1"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1786"}],"version-history":[{"count":0,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1786\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1786"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1786"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}