JSFiddle - React, Tailwind, and code Playground

HTML

<h1>方法一:首字放大</h1>
<p class="demo" id="fp">這是測試文章可以顯示本段落第一個字有放大感覺，凸顯首字放大視覺效果，惟只有第一個字放大，那若要兩個字或三個字以上需要放大顯示，此設定就GG了！這是測試文章可以顯示本段落第一個字有放大感覺，凸顯首字放大視覺效果，惟只有第一個字放大，那若要兩個字或三個字以上需要放大顯示，此設定就GG了！這是測試文章可以顯示本段落第一個字有放大感覺，凸顯首字放大視覺效果，惟只有第一個字放大，那若要兩個字或三個字以上需要放大顯示，此設定就GG了！</p>

<p></p>

<h1>方法二:多字放大</h1>
<p id="Division"><span>這是2020年</span>測試文章可以顯示本段落前面數個字有一起放大感覺，凸顯多字放大視覺效果，解決僅有首字放大的困境，簡單明瞭易設，即便要放大一個字就用span包住那一個首字即可！這是2020年測試文章可以顯示本段落前面數個字有一起放大感覺，凸顯多字放大視覺效果，解決僅有首字放大的困境，簡單明瞭易設，即便要放大一個字就用span包住那一個首字即可！</p>

CSS

#fp:first-letter {
font-size : 500%;
color:blue;
font-weight : bold;
float : left;
padding-right: 3px;
line-height: 100%;
}
.demo{line-height: 180%;text-align:justify;}

#Division span{
font-size:400%;
color:blue;
float:left;
padding-right:1%;
font-weight:bold;
font-family: sans-serif;
line-height: 100%;
 }
 #Division {
 line-height: 150%;text-align:justify;}