{"id":536,"date":"2019-04-15T09:25:06","date_gmt":"2019-04-15T09:25:06","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-coach-pro\/appearance-settings\/how-to-change-website-typography-fonts\/"},"modified":"2020-09-02T12:31:23","modified_gmt":"2020-09-02T06:46:23","slug":"how-to-change-website-typography-fonts","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-coach-pro\/appearance-settings\/how-to-change-website-typography-fonts\/","title":{"rendered":"How to change website Typography\/Fonts?"},"content":{"rendered":"<p>You can change the overall typography of your website using this settings panel.<\/p>\n<p class=\"red note\">You can either follow the video or follow the below steps to change the typography of the theme.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to change color and typography | Blossom Coach Pro WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/_AX35RETRvo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p class=\"note blue\">Note: The body fonts are the fonts of the entire website. However, the Heading fonts will be displayed in single post\/pages.<\/p>\n<p>Please follow the below steps to change the typography of your website.<\/p>\n<ul>\n<li>Login to your WordPress Admin Panel.<\/li>\n<li>Go to\u00a0<b>Appearance &gt; Customize &gt;Typography\u00a0<\/b><\/li>\n<li>Select Body or any header tags you wish to change.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1341\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Change-body-typography-Blossom-Coach-Pro.png\" alt=\"Change body typography Blossom Coach Pro\" width=\"348\" height=\"443\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Change-body-typography-Blossom-Coach-Pro.png 348w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Change-body-typography-Blossom-Coach-Pro-236x300.png 236w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><\/p>\n<ul>\n<li>Choose Font family, Font style and Font size.<\/li>\n<li>Click\u00a0<strong>Publish.<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1342\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-font.png\" alt=\"Select font\" width=\"343\" height=\"475\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-font.png 343w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-font-217x300.png 217w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can change the overall typography of your website using this settings panel. You can either follow the video or follow the below steps to change the typography of the theme. Note: The body fonts are the fonts of the entire website. However, the Heading fonts will be displayed in single post\/pages. Please follow the [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":533,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-536","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/536"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=536"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/536\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/533"}],"next":[{"title":"How to select\/change Blog Page Layout?","link":"https:\/\/docs.blossomthemes.com\/blossom-coach-pro\/appearance-settings\/how-to-select-change-blog-page-layout\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/566"}],"prev":[{"title":"How to change Website Background?","link":"https:\/\/docs.blossomthemes.com\/blossom-coach-pro\/appearance-settings\/how-to-change-website-background\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/535"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=536"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}