{"id":172,"date":"2023-04-27T12:16:00","date_gmt":"2023-04-27T12:16:00","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=172"},"modified":"2024-04-11T11:14:54","modified_gmt":"2024-04-11T11:14:54","slug":"how-to-configure-typography-for-your-site","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/newsfeed\/how-to-configure-typography-for-your-site\/","title":{"rendered":"How to Configure Typography for your Site?"},"content":{"rendered":"\n<p>Legible, readable, and aesthetically pleasing <strong>typography<\/strong> is a telltale sign of a great user experience.<\/p>\n\n\n\n<p>You can cash in on the <strong>typography<\/strong> settings to format the font for your website and relay your <strong>brand&#8217;s message <\/strong>more effectively.<\/p>\n\n\n\n<p>In order to Configure Typography for your website,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your WordPress dashboard.<\/li>\n\n\n\n<li>Open your theme customizer by navigating to <strong>Appearance &gt; Customize.<\/strong><\/li>\n\n\n\n<li>Navigate to <strong>General Settings &gt;&gt; Typography<\/strong><\/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=\"242\" height=\"268\" src=\"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-content\/uploads\/sites\/25\/2023\/04\/Typography-Settings.jpg\" alt=\"Typography Settings\" class=\"wp-image-403\" style=\"width:384px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Select either <strong>the body<\/strong>, <strong>heading, primary menu or frontpage blocks<\/strong> option to format the respective sections.<\/li>\n\n\n\n<li><strong>Body <\/strong>is used to format the font for all the text except<strong> headings,<\/strong> while <strong>Heading<\/strong> is used to format the font for only <strong>headings <\/strong>of different blocks. Likewise,<strong> primary menu<\/strong> options are used for customizing the typography of primary menus, and <strong>frontpage blocks<\/strong> are used to customize the text of contents associated with various frontpage blocks.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"235\" height=\"573\" src=\"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-content\/uploads\/sites\/25\/2023\/04\/Typography-customizer.jpg\" alt=\"Typography customizer\" class=\"wp-image-404\" srcset=\"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-content\/uploads\/sites\/25\/2023\/04\/Typography-customizer.jpg 235w, https:\/\/docs.mysterythemes.com\/newsfeed\/wp-content\/uploads\/sites\/25\/2023\/04\/Typography-customizer-123x300.jpg 123w\" sizes=\"auto, (max-width: 235px) 100vw, 235px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>You can format five different Font Settings: <strong>Font Family, Font Weight, Front Style, Font Transform, and Font Decoration<\/strong><\/li>\n\n\n\n<li>Use the <strong>slider <\/strong>to change the size or line heights of the fonts for your respective fields.<\/li>\n\n\n\n<li>Click on the circular palette to change the color of the fonts. <\/li>\n\n\n\n<li>Make the required changes and then click the <img loading=\"lazy\" decoding=\"async\" width=\"114\" height=\"37\" class=\"wp-image-81\" style=\"width: 85px\" src=\"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-content\/uploads\/sites\/25\/2023\/04\/publish-button.png\" alt=\"\"> button to save and publish the changes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Legible, readable, and aesthetically pleasing typography is a telltale sign of a great user experience. You can cash in on the typography settings to format the font for your website and relay your brand&#8217;s message more effectively. In order to Configure Typography for your website,<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-172","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/posts\/172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/comments?post=172"}],"version-history":[{"count":2,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/posts\/172\/revisions"}],"predecessor-version":[{"id":405,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/posts\/172\/revisions\/405"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/media?parent=172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/categories?post=172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/newsfeed\/wp-json\/wp\/v2\/tags?post=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}