{"id":458,"date":"2022-05-24T21:03:43","date_gmt":"2022-05-24T21:03:43","guid":{"rendered":"https:\/\/gyanipandit.com\/programming\/?p=458"},"modified":"2022-05-24T21:03:45","modified_gmt":"2022-05-24T21:03:45","slug":"css-letter-spacing","status":"publish","type":"post","link":"https:\/\/gyanipandit.com\/programming\/css-letter-spacing\/","title":{"rendered":"CSS Letter Spacing"},"content":{"rendered":"<p style=\"text-align: center;\"><strong>CSS Letter Spacing<\/strong><\/p>\n<p>As the name of the CSS letter spacing property says, with this property, we can specify the space between the letters. You can refer to the below example, so as to get a clear picture of what we want to do &#8211;<\/p>\n<p>Note that we have added some space between the character. It may decrease the readability of the text. The same happens in my case. Here is the code and output &#8211;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-459 size-full\" src=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/letter-spacing.jpg\" alt=\"\" width=\"836\" height=\"334\" srcset=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/letter-spacing.jpg 836w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/letter-spacing-300x120.jpg 300w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/letter-spacing-768x307.jpg 768w\" sizes=\"auto, (max-width: 836px) 100vw, 836px\" \/>If we try to open the file in the browser, the output is something like this &#8211;<\/p>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-460 size-full\" src=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/letter-spacing-1.jpg\" alt=\"\" width=\"1023\" height=\"256\" srcset=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/letter-spacing-1.jpg 1023w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/letter-spacing-1-300x75.jpg 300w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/letter-spacing-1-768x192.jpg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>CSS Letter Spacing As the name of the CSS letter spacing property says, with this property, we can specify the space between the letters. You can refer to the below example, so as to get a clear picture of what we want to do &#8211; Note that we have added some space between the character. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[9,13],"class_list":{"0":"post-458","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-css-tutorial","7":"tag-css","8":"tag-css-tutorial"},"_links":{"self":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/comments?post=458"}],"version-history":[{"count":3,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/458\/revisions"}],"predecessor-version":[{"id":1432,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/458\/revisions\/1432"}],"wp:attachment":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/media?parent=458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/categories?post=458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/tags?post=458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}