MRRI

::first-letter疑似要素は、ブロックレベルの要素の最初の文字に特定のスタイルを適用するために使用されます。

<p>Test</p>

p::first-letter {
font-size: 1.5rem;
font-weight: bold;
color: red;
}

このように指定することで、一番最初の「T」の文字だけを一回り大きく、太文字、赤色にし、目立たせることができます。
わざわざ「T」を<span>タグで囲う必要がなく、とても便利です！

テキストの最初の文字を強調することで、読みやすさを向上させ、視覚的に魅力的なデザインを作り出すことができます。
是非活用してみてください。