{"id":115,"date":"2025-05-14T07:06:40","date_gmt":"2025-05-14T07:06:40","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/blogbuster\/?p=115"},"modified":"2025-06-02T05:15:13","modified_gmt":"2025-06-02T05:15:13","slug":"how-to-change-your-sites-typography","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/blogbuster\/how-to-change-your-sites-typography\/","title":{"rendered":"How to change your site&#8217;s typography?"},"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>Blogbuster provide you with different options from which we can perfectly customize your website&#8217;s font.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Start by  navigating to <strong>WordPress dashboard<\/strong>, then go t<strong>o Appearance &gt;&gt;Customizer<\/strong>.<\/li>\n\n\n\n<li>After that go to <strong>General Settings &gt;&gt; Typography.<\/strong><\/li>\n\n\n\n<li>There you will find two options available  which consist of <strong>Body<\/strong> and<strong> Heading.<\/strong><\/li>\n\n\n\n<li>In the <strong>Body<\/strong> 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 <strong>Heading<\/strong> 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-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1039\" height=\"581\" src=\"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-content\/uploads\/sites\/27\/2025\/05\/typography.jpg\" alt=\"typography\" class=\"wp-image-129\" style=\"width:731px;height:auto\" srcset=\"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-content\/uploads\/sites\/27\/2025\/05\/typography.jpg 1039w, https:\/\/docs.mysterythemes.com\/blogbuster\/wp-content\/uploads\/sites\/27\/2025\/05\/typography-300x168.jpg 300w, https:\/\/docs.mysterythemes.com\/blogbuster\/wp-content\/uploads\/sites\/27\/2025\/05\/typography-1024x573.jpg 1024w, https:\/\/docs.mysterythemes.com\/blogbuster\/wp-content\/uploads\/sites\/27\/2025\/05\/typography-768x429.jpg 768w\" sizes=\"auto, (max-width: 1039px) 100vw, 1039px\" \/><\/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>Blogbuster 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>Menu<\/b> and <b>Widget Title<\/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<h2> Customize your Menu and Widget Title Fonts with Blogbuster Pro<span class=\"mt-docs-pro-tag\"><\/span><\/h2>\n\n\n\n<p>In Blogbuster Pro, you&#8217;ll have the option to customize your Menu and Widget Title Fonts.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"236\" height=\"296\" src=\"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-content\/uploads\/sites\/27\/2025\/05\/image.png\" alt=\"typography options blogbuster pro\" class=\"wp-image-165\"\/><\/figure>\n<\/div>\n\n\n<p>For Menu, you&#8217;ll have two different options, Primary Menu and Top Header Menu. You can specifically customize them separately as per your preferences. <\/p>\n\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. Blogbuster provide you with different options from which we can perfectly customize your website&#8217;s 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-115","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/posts\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":4,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/posts\/115\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/posts\/115\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/media?parent=115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/categories?post=115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/tags?post=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}