iPhone XS や XR の表記、最初は「S」は小文字なのかと思ったのですがどう見ても「R」のほうは大文字で、でもサイズが小さい。じゃあ「S」はどうなのだろう?と思った人は多いようです。 そこで Apple のサイトのソースがどうなっているのか調べてみると「S」や「R」には、 font-variant-caps: all-small-caps; というプロパティが指定されていました。 ソースを見ると分かるように S も R も大文字です。 font-variant-caps – CSS: Cascading Style Sheets | MDN によると、このプロパティはフォントによって異なるサイズの「大文字」がある際に適切なサイズを指定できるプロパティといったところでしょうか。 いくつかのプロパティを指定できるようですが、今回の XS や XR に指定されている「all-small-
![iPhone XSやXRの表記に使われている font-variant-caps プロパティ - F.Ko-Jiの「一秒後は未来」](https://cdn-ak-scissors.b.st-hatena.com/image/square/f08eb21e02f63ff3bb482a25a996339a05ce61d6/height=288;version=1;width=512/https%3A%2F%2Fblog.fkoji.com%2Fwp-content%2Fuploads%2F2018%2F09%2Fiphone-xs-xr-font-variant-caps-01.jpg)