{"id":213,"date":"2024-02-15T06:19:21","date_gmt":"2024-02-15T06:19:21","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/storeflex\/?p=213"},"modified":"2024-02-15T06:19:23","modified_gmt":"2024-02-15T06:19:23","slug":"create-professional-typography-for-your-online-store","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/storeflex\/create-professional-typography-for-your-online-store\/","title":{"rendered":"Create professional typography for your online store."},"content":{"rendered":"\n<p>Fonts are the soul of any website. Because it is used on all pages and sections of the website, properly customizing is very necessary. Fortunately, with StoreFlex Pro, you have everything you need to configure your website&#8217;s typography as per your needs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">To customize your fonts,<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your <strong>WordPress Dashboard<\/strong> and go to <strong>Appearance > Customize<\/strong><\/li>\n\n\n\n<li>Then head to <strong>General Settings<\/strong> and to the <strong>Typography<\/strong> option.<\/li>\n<\/ul>\n\n\n\n<p><em>The basic customization of the fonts has already been explained in the documentation of the free version of StoreFlex. <\/em><\/p>\n\n\n\n<p><a href=\"https:\/\/docs.mysterythemes.com\/storeflex\/change-your-websites-typography\/\"><strong><span style=\"text-decoration: underline;\"><em>Check it out&#8212;><\/em><\/span><\/strong><\/a><\/p>\n\n\n\n<p>There are multiple new features for customizing the typography of your website. You now have more font-family options so that you can customize your fonts more deeply.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Customization of font size, line-heights and color<\/h2>\n\n\n\n<p>In StoreFlex Pro, you can enhance your font customization by personalizing their sizes and colors.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on any section where you want to customize your fonts inside the typography option.<\/li>\n\n\n\n<li>Then look for font size to manage the size of the fonts with the slider or input area given in the respective section.<\/li>\n\n\n\n<li>You can also check the responsiveness of the customized fonts using three small icons <img loading=\"lazy\" decoding=\"async\" width=\"70\" height=\"20\" class=\"wp-image-215\" style=\"width: 70px;\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/responsive.jpg\" alt=\"responsive\">in the font size and line height section.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"235\" height=\"176\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/new-font-cusotmizations.jpg\" alt=\"font customizations\" class=\"wp-image-214\" style=\"width:279px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Choose the desired line height below the font size option.<\/li>\n\n\n\n<li>And select the color using the circular palette beside Font Color.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Customization with respect to heading tags<\/h2>\n\n\n\n<p>There are many heading tags on your website. The heading is separated into six sections on the basis of their sizes. Starting from <strong>H1 <\/strong>(biggest) all the way to <strong>H6 <\/strong>(lowest). So, with StoreFlex Pro, you can customize your headings on the basis of their tags. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"314\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/heading-typogrpahy.jpg\" alt=\"heading typography\" class=\"wp-image-216\" style=\"width:196px;height:auto\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/heading-typogrpahy.jpg 239w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/heading-typogrpahy-228x300.jpg 228w\" sizes=\"auto, (max-width: 239px) 100vw, 239px\" \/><\/figure>\n<\/div>\n\n\n<p>The customizations are the same as in any other section, so there are no complications while customizing your fonts. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What&#8217;s more? <\/h2>\n\n\n\n<p>You can now edit the fonts for the primary menu, including descriptions, item texts, and all the other items in the menu. The customization processes are similar to those in every other section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Primary-Menu-Typography-customizer-1024x518.jpg\" alt=\"Primary Menu Typography customizer\" class=\"wp-image-217\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Primary-Menu-Typography-customizer-1024x518.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Primary-Menu-Typography-customizer-300x152.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Primary-Menu-Typography-customizer-768x388.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Primary-Menu-Typography-customizer.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Fonts are the soul of any website. Because it is used on all pages and sections of the website, properly customizing is very necessary. Fortunately, with StoreFlex Pro, you have everything you need to configure your website&#8217;s typography as per your needs. To customize your fonts, The basic customization of the fonts has already been [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-213","post","type-post","status-publish","format-standard","hentry","category-pro-modules"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":1,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/213\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/213\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/media?parent=213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/categories?post=213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/tags?post=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}