Capitalize all letters with first one bigger

Question

what's the most efficient way to do this in CSS??? Basically it looks like this: {F}IRST {L}ETTER, where the letters in the braces are a little bigger than the other ones but they all the letters are uppercase.

Any suggestions?

Answer 1

Use font-variant property of CSS

h1 {
  font-variant: small-caps;
}

<h1>Main Heading</h1>