{"id":72,"date":"2023-09-26T07:58:50","date_gmt":"2023-09-26T07:58:50","guid":{"rendered":"https:\/\/docs.codevibrant.com\/azure\/?p=72"},"modified":"2024-01-09T09:27:20","modified_gmt":"2024-01-09T09:27:20","slug":"how-to-change-your-websites-typography","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/azure\/how-to-change-your-websites-typography\/","title":{"rendered":"How to change your website\u2019s Typography?"},"content":{"rendered":"\n<p>A legible, readable and aesthetically pleasing <strong>Typography<\/strong> is a telltale sign for a great user experience. Typography shows the content you want to show to your reader. It is very crucial to customize your website\u2019s typography properly.<\/p>\n\n\n\n<p>Azure Theme provides you different options for you so that you can perfectly customize your website\u2019s font so that your reader can enjoy your content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video Guide<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Azure Complete Walkthrough\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/-BAtD90lTGg?start=252&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"369\" height=\"581\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-6.png\" alt=\"Typography in Azure News Theme\" class=\"wp-image-73\" style=\"width:198px;height:312px\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-6.png 369w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-6-191x300.png 191w\" sizes=\"auto, (max-width: 369px) 100vw, 369px\" \/><\/figure><\/div>\n\n\n<p>Navigate yourself from main section of the customize bar to Typography settings, <strong>General Settings&gt;&gt;Typography<\/strong><\/p>\n\n\n\n<p>There are two different options for you to select, after opening Typography setting bar.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Body: <\/strong>Here, you can change the fonts of text that is showed in Body of your Archive\/Blog, Page, and Posts<\/li>\n\n\n\n<li><strong>Heading: <\/strong>In this section, you can change the heading of your Archive\/Blog, Page, and Posts<\/li>\n<\/ul>\n\n\n\n<p>Now, whether you go to 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 body\u2019s font.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Let\u2019s look at what are in the inside settings of Typography;<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"583\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-7.png\" alt=\"\" class=\"wp-image-74\" style=\"width:198px;height:305px\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-7.png 377w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-7-194x300.png 194w\" sizes=\"auto, (max-width: 377px) 100vw, 377px\" \/><\/figure><\/div>\n\n\n<p>You can customize your fonts in 5 different ways;<\/p>\n\n\n\n<p><strong>Font Family; <\/strong>You will have 10 different font families to choose from <strong>Font Family. <\/strong>You can choose any one of them based on your preference.<\/p>\n\n\n\n<p><strong>Font Weight; <\/strong>Font weight determines the weight of your font, or you can call it boldness. The option ranges from \u201c<strong>Normal 400<\/strong>\u201d to \u201c<strong>Bold 700<\/strong>\u201d.<\/p>\n\n\n\n<p><strong>Font Style; <\/strong>There are two basic options for you to choose in this category, Normal gives you normal text style like any other text here and Italic gives you italic style text like this: <em>\u2018Azure News\u2019<\/em> .<\/p>\n\n\n\n<p><strong>Font Transform;<\/strong> You can automatically transform your text, whether it may be your <strong>Body text<\/strong> or <strong>Heading<\/strong> to <strong>CAPITALIZE, UpperCase and lowercase.<\/strong><\/p>\n\n\n\n<p><strong>Font Decoration: <\/strong>In this option, you can either <strong><u>underline<\/u><\/strong> your text or make a <strong>line-through<\/strong> text like this: \u2018<s>Azure News<\/s>\u2019<\/p>\n\n\n\n<p><em>You can Inherit the font size, from your previous settings just by selecting <strong>Inherit <\/strong>option in <strong>Font Weight, Font Style, Font Transform, and Font Decoration.<\/strong><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A legible, readable and aesthetically pleasing Typography is a telltale sign for a great user experience. Typography shows the content you want to show to your reader. It is very crucial to customize your website\u2019s typography properly. Azure Theme provides you different options for you so that you can perfectly customize your website\u2019s font so [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-72","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":3,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/72\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/72\/revisions\/387"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/media?parent=72"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/categories?post=72"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/tags?post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}