{"id":50,"date":"2016-02-15T14:01:19","date_gmt":"2016-02-15T14:01:19","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3971"},"modified":"2024-11-20T16:17:49","modified_gmt":"2024-11-20T16:17:49","slug":"typography","status":"publish","type":"page","link":"https:\/\/giatuidalat.net\/blog\/elements\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"\n  <div class=\"banner has-hover\" id=\"banner-1004252827\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-753938102\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>Text Elements<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-753938102 {\n  width: 60%;\n}\n#text-box-753938102 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1004252827 {\n  padding-top: 400px;\n}\n#banner-1004252827 .bg.bg-loaded {\n  background-image: url(https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#banner-1004252827 .overlay {\n  background-color: rgba(0, 0, 0, 0.66);\n}\n#banner-1004252827 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-1004252827 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\t<section class=\"section\" id=\"section_1369154967\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Typography<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-858594396\">\n\n\t<div id=\"col-760649249\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h1>Headline h1<\/h1>\n<h2>Headline h2<\/h2>\n<h3>Headline h3<\/h3>\n<h4>Headline h4<\/h4>\n<h5>Headline h5<\/h5>\n<h6>Headline h6<\/h6>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1100019283\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h1 class=\"uppercase\">headline\u00a0h1<\/h1>\n<h2 class=\"uppercase\">headline\u00a0h2<\/h2>\n<h3 class=\"uppercase\">headline\u00a0h3<\/h3>\n<h4 class=\"uppercase\">headline\u00a0H4<\/h4>\n<h5 class=\"uppercase\">headline\u00a0H5<\/h5>\n<h6 class=\"uppercase\">headline\u00a0H6<\/h6>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2137777609\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"uppercase\" data-text-color=\"primary\">primary color<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"secondary\">secondary color<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"alert\">alert color<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"success\">SUCCESS COLOR<\/h3>\n<h3 class=\"uppercase\">DEFAULT\u00a0COLOR<\/h3>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-70014679\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p><a href=\"#\">Default link<br \/>\n<strong>Bold link<\/strong><\/a><br \/>\n<strong>Bold text<br \/>\n<\/strong><em>Italic text<br \/>\n<\/em><del>Strikethrough<br \/>\n<\/del><span style=\"text-decoration: underline;\">Underline<\/span><\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-2061664752\">\n\n\t<div id=\"col-1676063894\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p class=\"lead\"><strong>Lead paragraph<\/strong>.\u00a0dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-696676967\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p><strong>Bold\u00a0Text.<\/strong>\u00a0sit amet, consectetuer <em>italic text\u00a0\u00a0<\/em>elit, sed diam nonummy nibh euismod tincidunt ut laoreet <span style=\"text-decoration: underline;\">underline text<\/span>\u00a0magna aliquam erat volutpat. <del>Strike throught<\/del>.\u00a0ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. <a href=\"#\">A simple link.<\/a><\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-642284629\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p>Normal Paragraph.\u00a0sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequa<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1585975618\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"lead\">Default font<\/h2>\n<p class=\"lead\">Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-511680180\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"lead alt-font\"><b>Alternative Font<\/b>.<\/h2>\n<p class=\"lead alt-font\">Dolor sit amet, consectetuer <strong>adipiscing<\/strong> elit, sed diam nonummy.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1325418831\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"lead\">Thin\u00a0text<\/h2>\n<p class=\"lead\">Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1274827606\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"lead uppercase\">UPPERCASE<\/h2>\n<p class=\"lead uppercase\">Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1637738382\" class=\"col medium-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"lead\">This is a\u00a0<span class=\"fancy-underline\">Fancy Text Underline<\/span><\/h2>\n<p class=\"lead\">Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1738991312\" class=\"col medium-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"lead\">This a count up number <span class=\"count-up\"><strong>5000<\/strong><\/span><\/h2>\n<p class=\"lead\">Count up number can be added anywhere.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1369154967 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(255, 255, 255);\n}\n#section_1369154967 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1369154967 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_263485036\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-large align-middle\"  id=\"row-1788563473\">\n\n\t<div id=\"col-892271054\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n<h6>Flatsome Tip<\/h6>\n<h2>You can find\u00a0many text options in the &#8220;Format&#8221; dropdown in text editor.<\/h2>\n<p class=\"lead\">You see the changes live if you use the Page Builder<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2097306204\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_424693408\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_424693408 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_263485036 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(193, 193, 193);\n}\n#section_263485036 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n#section_263485036 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_263485036 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_2112897371\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Typography on Dark background<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-1560888361\">\n\n\t<div id=\"col-612899991\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h1>Headline h1<\/h1>\n<h2>Headline h2<\/h2>\n<h3>Headline h3<\/h3>\n<h4>Headline h4<\/h4>\n<h5>Headline h5<\/h5>\n<h6>Headline h6<\/h6>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1565147428\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h1 class=\"uppercase\">headline\u00a0h1<\/h1>\n<h2 class=\"uppercase\">headline\u00a0h2<\/h2>\n<h3 class=\"uppercase\">headline\u00a0h3<\/h3>\n<h4 class=\"uppercase\">headline\u00a0H4<\/h4>\n<h5 class=\"uppercase\">headline\u00a0H5<\/h5>\n<h6 class=\"uppercase\">headline\u00a0H6<\/h6>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-956657893\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"uppercase\" data-text-color=\"primary\">primary color<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"secondary\">secondary color<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"alert\">alert color<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"success\">SUCCESS COLOR<\/h3>\n<h3 class=\"uppercase\">DEFAULT\u00a0COLOR<\/h3>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1921419421\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p><a href=\"#\">Default link<br \/>\n<strong>Bold link<\/strong><\/a><br \/>\n<strong>Bold text<br \/>\n<\/strong><em>Italic text<br \/>\n<\/em><del>Strikethrough<br \/>\n<\/del><span style=\"text-decoration: underline;\">Underline<\/span><\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-608978696\">\n\n\t<div id=\"col-431516388\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p class=\"lead\"><strong>Lead paragraph<\/strong>.\u00a0dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1235869282\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p><strong>Bold\u00a0Text.<\/strong>\u00a0sit amet, consectetuer <em>italic text\u00a0\u00a0<\/em>elit, sed diam nonummy nibh euismod tincidunt ut laoreet <span style=\"text-decoration: underline;\">underline text<\/span>\u00a0magna aliquam erat volutpat. <del>Strike throught<\/del>.\u00a0ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. <a href=\"#\">A simple link.<\/a><\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-630585054\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p>Normal Paragraph.\u00a0sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequa<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-680748671\" class=\"col medium-7 large-7\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"lead\">This is a<span class=\"fancy-underline\">\u00a0Fancy Text Underline<\/span><\/h2>\n<p class=\"lead\">Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1587350631\" class=\"col medium-5 large-5\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"lead\">This a count up number <span class=\"count-up\"><strong>5000<\/strong><\/span><\/h2>\n<p class=\"lead\">Count up number can be added anywhere.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2112897371 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(255, 255, 255);\n}\n#section_2112897371 .section-bg-overlay {\n  background-color: rgb(34, 34, 34);\n}\n#section_2112897371 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_2112897371 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1157201701\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Quote<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-1559976602\">\n\n\t<div id=\"col-674084247\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<blockquote>\n<p class=\"lead\"><strong>Quote<\/strong>.\u00a0dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<\/blockquote>\n<p class=\"lead\">Normal Paragraph.\u00a0sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequa. Horizontal Line:<\/p>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Lists<\/span><b><\/b><\/h3><\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-620955183\" class=\"col medium-2 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<ul>\n<li>Simple List<\/li>\n<li>List item 1<\/li>\n<li>List Item 2<\/li>\n<li>List item 3<\/li>\n<li>List Item 4<\/li>\n<li>List Item 5<\/li>\n<\/ul>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1741738130\" class=\"col medium-2 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<ol>\n<li>Numbered List<\/li>\n<li>List item 1<\/li>\n<li>List Item 2<\/li>\n<li>List item 3<\/li>\n<li>List Item 4<\/li>\n<li>List Item 5<\/li>\n<\/ol>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-603497484\" class=\"col medium-2 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<ul>\n<li class=\"bullet-checkmark\">Checkmark list<\/li>\n<li class=\"bullet-checkmark\">List Item 2<\/li>\n<li class=\"bullet-checkmark\">List item 3<\/li>\n<li class=\"bullet-checkmark\">List Item 4<\/li>\n<li class=\"bullet-checkmark\">List Item 5<\/li>\n<\/ul>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-837647335\" class=\"col medium-2 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<ul>\n<li class=\"bullet-star\">Star list<\/li>\n<li class=\"bullet-star\">List Item 2<\/li>\n<li class=\"bullet-star\">List item 3<\/li>\n<li class=\"bullet-star\">List Item 4<\/li>\n<li class=\"bullet-star\">List Item 5<\/li>\n<\/ul>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1519239623\" class=\"col medium-2 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<ul>\n<li class=\"bullet-arrow\">Arrow List<\/li>\n<li class=\"bullet-arrow\">List Item 2<\/li>\n<li class=\"bullet-arrow\">List item 3<\/li>\n<li class=\"bullet-arrow\">List Item 4<\/li>\n<li class=\"bullet-arrow\">List Item 5<\/li>\n<\/ul>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1157201701 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n}\n#section_1157201701 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1157201701 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":7,"parent":92,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.7 (Yoast SEO v22.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Typography - GI\u1eb6T S\u1ea4Y BLUE WASH<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/giatuidalat.net\/blog\/elements\/typography\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typography\" \/>\n<meta property=\"og:url\" content=\"https:\/\/giatuidalat.net\/blog\/elements\/typography\/\" \/>\n<meta property=\"og:site_name\" content=\"GI\u1eb6T S\u1ea4Y BLUE WASH\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-20T16:17:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/typography\/\",\"url\":\"https:\/\/giatuidalat.net\/blog\/elements\/typography\/\",\"name\":\"Typography - GI\u1eb6T S\u1ea4Y BLUE WASH\",\"isPartOf\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/typography\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/typography\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\",\"datePublished\":\"2016-02-15T14:01:19+00:00\",\"dateModified\":\"2024-11-20T16:17:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/typography\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/giatuidalat.net\/blog\/elements\/typography\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/typography\/#primaryimage\",\"url\":\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\",\"contentUrl\":\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\",\"width\":400,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/typography\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/giatuidalat.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\/\/giatuidalat.net\/blog\/elements\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Typography\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/giatuidalat.net\/blog\/#website\",\"url\":\"https:\/\/giatuidalat.net\/blog\/\",\"name\":\"GI\u1eb6T S\u1ea4Y BLUE WASH\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/giatuidalat.net\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"vi\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Typography - GI\u1eb6T S\u1ea4Y BLUE WASH","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/giatuidalat.net\/blog\/elements\/typography\/","og_locale":"vi_VN","og_type":"article","og_title":"Typography","og_url":"https:\/\/giatuidalat.net\/blog\/elements\/typography\/","og_site_name":"GI\u1eb6T S\u1ea4Y BLUE WASH","article_modified_time":"2024-11-20T16:17:49+00:00","og_image":[{"width":400,"height":260,"url":"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"4 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/giatuidalat.net\/blog\/elements\/typography\/","url":"https:\/\/giatuidalat.net\/blog\/elements\/typography\/","name":"Typography - GI\u1eb6T S\u1ea4Y BLUE WASH","isPartOf":{"@id":"https:\/\/giatuidalat.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/giatuidalat.net\/blog\/elements\/typography\/#primaryimage"},"image":{"@id":"https:\/\/giatuidalat.net\/blog\/elements\/typography\/#primaryimage"},"thumbnailUrl":"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","datePublished":"2016-02-15T14:01:19+00:00","dateModified":"2024-11-20T16:17:49+00:00","breadcrumb":{"@id":"https:\/\/giatuidalat.net\/blog\/elements\/typography\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/giatuidalat.net\/blog\/elements\/typography\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/giatuidalat.net\/blog\/elements\/typography\/#primaryimage","url":"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","contentUrl":"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","width":400,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/giatuidalat.net\/blog\/elements\/typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/giatuidalat.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/giatuidalat.net\/blog\/elements\/"},{"@type":"ListItem","position":3,"name":"Typography"}]},{"@type":"WebSite","@id":"https:\/\/giatuidalat.net\/blog\/#website","url":"https:\/\/giatuidalat.net\/blog\/","name":"GI\u1eb6T S\u1ea4Y BLUE WASH","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/giatuidalat.net\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"}]}},"_links":{"self":[{"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":0,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/pages\/92"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/media\/7"}],"wp:attachment":[{"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}