{"id":496,"date":"2022-05-24T21:38:20","date_gmt":"2022-05-24T21:38:20","guid":{"rendered":"https:\/\/gyanipandit.com\/programming\/?p=496"},"modified":"2022-05-24T21:38:21","modified_gmt":"2022-05-24T21:38:21","slug":"css-font-variant","status":"publish","type":"post","link":"https:\/\/gyanipandit.com\/programming\/css-font-variant\/","title":{"rendered":"CSS Font Variant"},"content":{"rendered":"<p style=\"text-align: center;\"><strong>CSS Font Variant Property\u00a0<\/strong><\/p>\n<p>Well, this property helps us set the font variants for a font. Basically, we are going to set our text font to small caps, through which, all the low er case letters would be converted to upper case. But it is going to appear in a smaller text than an uppercase thing. Let&#8217;s try the property once &#8211;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-497 size-full\" src=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/font-variant.jpg\" alt=\"\" width=\"842\" height=\"334\" srcset=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/font-variant.jpg 842w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/font-variant-300x119.jpg 300w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/font-variant-768x305.jpg 768w\" sizes=\"auto, (max-width: 842px) 100vw, 842px\" \/><br \/>\nAs an output, the paragraph text is now going to have all uppercase font, with a smaller font size. If this is required, you can use the font-variant property.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS Font Variant Property\u00a0 Well, this property helps us set the font variants for a font. Basically, we are going to set our text font to small caps, through which, all the low er case letters would be converted to upper case. But it is going to appear in a smaller text than an uppercase [&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-496","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\/496","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=496"}],"version-history":[{"count":2,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/496\/revisions"}],"predecessor-version":[{"id":1443,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/496\/revisions\/1443"}],"wp:attachment":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/media?parent=496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/categories?post=496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/tags?post=496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}