{"id":44,"date":"2025-12-19T09:55:22","date_gmt":"2025-12-19T09:55:22","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/purenote\/?p=44"},"modified":"2026-01-02T05:24:27","modified_gmt":"2026-01-02T05:24:27","slug":"change-your-typography-settings","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/purenote\/change-your-typography-settings\/","title":{"rendered":"Change your typography settings"},"content":{"rendered":"\n<p>Typography is the section where you control all your site\u2019s font-related settings. An intelligible, readable, and visually appealing Typography is an indicator of a positive user experience.<\/p>\n\n\n\n<p>Purenote provides you with different options from which we can perfectly customize your website\u2019s font.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Start by navigating to&nbsp;<strong>WordPress dashboard<\/strong>, then go t<strong>o Appearance \u2192 Customizer<\/strong>.<\/li>\n\n\n\n<li>After that go to&nbsp;<strong>General Settings \u2192 Typography.<\/strong><\/li>\n\n\n\n<li>There you will find two options available which consist of&nbsp;<strong>Body<\/strong>&nbsp;and<strong>&nbsp;Heading.<\/strong><\/li>\n\n\n\n<li>In the&nbsp;<strong>Body<\/strong>&nbsp;section you can change the fonts of text that are shown in Body of your Archive\/Blog, Page, and Posts.<\/li>\n\n\n\n<li>Whereas, in&nbsp;<strong>Heading<\/strong>&nbsp;section you can change the &nbsp;heading of your Archive\/Blog, Page, and Posts<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Typography-Settings-1024x507.jpg\" alt=\"\" class=\"wp-image-45\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Typography-Settings-1024x507.jpg 1024w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Typography-Settings-300x149.jpg 300w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Typography-Settings-768x380.jpg 768w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Typography-Settings.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now, whether you go to the Body or Heading option, the settings are made similar for you so that you can efficiently change the typography of both of your headings and the body\u2019s font.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"typographysettings\">What is in the inside settings of<strong>&nbsp;<\/strong>typography<strong>:<\/strong><\/h2>\n\n\n\n<p>Inside the the settings of typography you will find five different ways to customize your fonts which are listed as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Family<\/strong>: You will have 10 different font families to choose from in Font Family. You can choose any one of them based on your preference.<\/li>\n\n\n\n<li><strong>Font Weight<\/strong>; Font weight determines the weight of your font, or you can call it boldness. The option ranges from \u201cNormal 400\u201d to \u201cBold 700\u201d.<\/li>\n\n\n\n<li><strong>Font Style<\/strong>: There are two basic options for you to choose from in this category: Normal gives you normal text style like any other text here and italic gives you italic style text.<\/li>\n\n\n\n<li><strong>Font Transform<\/strong>: You can automatically transform your text, whether it be your body text or heading, to capitalize, uppercase, or lowercase.<\/li>\n\n\n\n<li><strong>Font Decoration<\/strong>: In this option, you can&nbsp;<strong>underline&nbsp;<\/strong>your text or make a line-through text like this:&nbsp;<s><strong>Blog News<\/strong><\/s>&nbsp;or you can also&nbsp;<strong>CAPITALIZE&nbsp;<\/strong>or&nbsp;<strong>lowercase&nbsp;<\/strong>your texts.<\/li>\n\n\n\n<li>You can inherit the font size from your previous settings just by selecting the Inherit option in\u00a0<strong>Font Weight, Font Style, Font Transform, and Font Decoration.<\/strong><\/li>\n<\/ul>\n\n\n\n<ul> \n<li> <b>Font Size<\/b>: Here, you can easily adjust your font&#8217;s size with the help of the slider or using the box beside it. <span class=\"mt-docs-pro-tag\"><\/span><\/li>\n<li><b>Font Line Height<\/b>: Line Height means the space in between two lines in your page. It is necessary to adjust it so that it looks uncluttered and easier to read. Use the slider or box to adjust your text&#8217;s line height. <span class=\"mt-docs-pro-tag\"><\/span><\/li>\n<li> <b>Font Color<\/b>: Font Color helps beautify your fonts. Choose your perfect and preferred Font Color using the palette. <span class=\"mt-docs-pro-tag\"><\/span><\/li>\n<\/ul>\n\n\n\n<div class=\"mt-docs-green-note\">\n<p>Purenote Pro features some of the more powerful features for you to customize on. For typography section, you&#8217;ll have the option to customize your <b>Primary Menu<\/b> and <b>Widget Blocks<\/b> fonts specifically to make your blog more fine-tuned. Moreover, you also have additional option to customize your <b><i>font&#8217;s size, line heights and colors with the premium version.<\/b><\/i><\/p>\n<\/div>\n\n\n\n<p>In Purenote Pro, you&#8217;ll have the option to customize your Primary Menu and Widget Blocks.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"396\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-14.png\" alt=\"\" class=\"wp-image-139\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-14.png 380w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-14-288x300.png 288w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><\/figure>\n<\/div>\n\n\n<p>All the customization features are <a href=\"#typographysettings\">as mentioned as above<\/a>, so that you don&#8217;t have to waste your time learning things to customize particular section in your blog.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Typography is the section where you control all your site\u2019s font-related settings. An intelligible, readable, and visually appealing Typography is an indicator of a positive user experience. Purenote provides you with different options from which we can perfectly customize your website\u2019s font. Now, whether you go to the Body or Heading option, the settings are [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-44","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":3,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/44\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/44\/revisions\/140"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/media?parent=44"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/categories?post=44"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/tags?post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}