{"id":225,"date":"2020-02-16T12:29:12","date_gmt":"2020-02-16T12:29:12","guid":{"rendered":"https:\/\/webnus.net\/kata\/documentation\/?p=225"},"modified":"2024-12-24T16:01:03","modified_gmt":"2024-12-24T16:01:03","slug":"how-to-design-your-own-typography","status":"publish","type":"post","link":"https:\/\/webnus.net\/kata\/documentation\/how-to-design-your-own-typography\/","title":{"rendered":"How to design your own typography"},"content":{"rendered":"\n<p>In the Customizer, you can modify the primary color and the most common color patterns of your theme using the <a href=\"https:\/\/webnus.net\/kata\/documentation\/styler\/\">Styler tool<\/a>. Additionally, you can easily implement unique typography for your website by navigating to <strong>Customizer (Theme Options) &gt; Advanced Styling<\/strong>. The available tags in this section include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Body<\/li>\n\n\n\n<li>All Heading<\/li>\n\n\n\n<li>Heading 1<\/li>\n\n\n\n<li>Heading 2<\/li>\n\n\n\n<li>Heading 3<\/li>\n\n\n\n<li>Heading 4<\/li>\n\n\n\n<li>Heading 5<\/li>\n\n\n\n<li>Heading 6<\/li>\n\n\n\n<li>Paragraph (p tag)<\/li>\n\n\n\n<li>Blockquote<\/li>\n\n\n\n<li>Links (a tag)<\/li>\n\n\n\n<li>ul tag<\/li>\n\n\n\n<li>li tag<\/li>\n\n\n\n<li>ol tag<\/li>\n\n\n\n<li>Image (img tag)<\/li>\n\n\n\n<li>Button <\/li>\n\n\n\n<li>Table <\/li>\n\n\n\n<li>tr tag <\/li>\n\n\n\n<li>th tag <\/li>\n\n\n\n<li>td tag <\/li>\n\n\n\n<li>Input <\/li>\n\n\n\n<li>Textarea <\/li>\n\n\n\n<li>Select <\/li>\n\n\n\n<li>Checkbox <\/li>\n\n\n\n<li>Radio<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d8de960c031&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2880\" height=\"1653\" 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\/2020\/02\/How-to-design-your-own-typography.png\" alt=\"How to design your own typography\n\" class=\"wp-image-3826\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/How-to-design-your-own-typography.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/How-to-design-your-own-typography-300x172.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/How-to-design-your-own-typography-1024x588.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/How-to-design-your-own-typography-768x441.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/How-to-design-your-own-typography-1536x882.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/How-to-design-your-own-typography-2048x1175.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><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<p>You can add any styles you wish to these HTML tags using the Styler, and your unique typography will be ready.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the Customizer, you can modify the primary color and the most common color patterns of your theme using the Styler tool. Additionally, you can easily implement unique typography for your website by navigating to Customizer (Theme Options) &gt; Advanced Styling. The available tags in this section include: You can add any styles you wish [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":857,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-225","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-faq"],"_links":{"self":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/225","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=225"}],"version-history":[{"count":6,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":3828,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/225\/revisions\/3828"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media\/857"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}