フォントに斜めグラデーションを入れる


Demo : https://codepen.io/mo4_9/pen/MvPwJX

.text{
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg,#fd107f,#ff8519);
}

※IEでは使えない
CSS text-stroke and text-fill

参考
[CSS]「background-clip」を使って、テキストの下に画像を表示するスタイルシート