{"id":3295,"date":"2024-07-27T10:44:10","date_gmt":"2024-07-27T10:44:10","guid":{"rendered":"https:\/\/webnus.net\/kata\/documentation\/?p=3295"},"modified":"2024-11-09T12:02:47","modified_gmt":"2024-11-09T12:02:47","slug":"how-to-change-websites-font-family","status":"publish","type":"post","link":"https:\/\/webnus.net\/kata\/documentation\/how-to-change-websites-font-family\/","title":{"rendered":"How to change website&#8217;s font family"},"content":{"rendered":"\n<p>In the Kata theme, changing the font family allows you to adjust the appearance and readability of the site\u2019s text according to your style and needs. This change can include selecting specific fonts for different text elements, such as headings, paragraphs, or menus. Choosing the right font can have a significant impact on user experience and the overall aesthetics of the site.<\/p>\n\n\n\n<p>To change the website\u2019s font family You need to navigate to wp-admin> Kata > Font manager. Click the &#8220;Add New Font&#8221; button to add a new font. you can see several options to add new fonts also you can modify the fonts added in the past.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d6767f263f9&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"171\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-01-1-1024x171.png\" alt=\"How to change website's font family\" class=\"wp-image-3486\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-01-1-1024x171.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-01-1-300x50.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-01-1-768x128.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-01-1.png 1115w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d6767f26a66&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"738\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-02-1024x738.png\" alt=\"How to change website's font family\" class=\"wp-image-3487\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-02-1024x738.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-02-300x216.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-02-768x554.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-02.png 1121w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d6767f272ac&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"821\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-03-1-1024x821.png\" alt=\"\" class=\"wp-image-3491\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-03-1-1024x821.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-03-1-300x240.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-03-1-768x615.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-03-1.png 1138w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>After adding your desired fonts with one of the following methods (Google Fonts, Upload Fonts, Hosted Fonts, or Adobe Fonts) now navigate to wp-admin &gt; kata &gt; options &gt; Advanced styling.<\/p>\n\n\n\n<p>Click on your desired styler button and select the font you want to display on your website then click on the save button placed on the top left corner.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d6767f2798e&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"986\" height=\"786\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-04.png\" alt=\"How to change website's font family\" class=\"wp-image-3489\" style=\"width:862px;height:auto\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-04.png 986w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-04-300x239.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/font-manager-04-768x612.png 768w\" sizes=\"(max-width: 986px) 100vw, 986px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the Kata theme, changing the font family allows you to adjust the appearance and readability of the site\u2019s text according to your style and needs. This change can include selecting specific fonts for different text elements, such as headings, paragraphs, or menus. Choosing the right font can have a significant impact on user experience [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-3295","post","type-post","status-publish","format-standard","hentry","category-faq"],"_links":{"self":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/3295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/comments?post=3295"}],"version-history":[{"count":6,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/3295\/revisions"}],"predecessor-version":[{"id":3492,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/3295\/revisions\/3492"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media?parent=3295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/categories?post=3295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/tags?post=3295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}