在網頁設計中，常常需要使用一些交互效果來提高用戶體驗。其中，當鼠標移動到文本上時，讓字體變大是一個常見的效果。下面將介紹通過CSS實現這個效果的方法。

// HTML代碼
<div class="text">
<p>這是一個文本例子</p>
</div>
// CSS代碼
.text p{
font-size: 16px;
transition: font-size 0.5s ease-in-out; // 設置過渡效果，讓字體變化更加平滑
}
.text p:hover{
font-size: 20px; // 當鼠標移動到文本上時，將字體大小變為20px
}

上述代碼中，首先我們用HTML的p標簽定義了一段文本，然后在CSS中指定了這段文本所在的class為"text"。接著，我們給該class中的p標簽設置了初始的字體大小和過渡效果。當鼠標移動到文本上時，利用:hover偽類選擇器，我們能夠設置這個元素的樣式，將字號設為我們希望的大小，從而實現字體變大的效果。

在實際的網頁設計中，我們可以將這個效果應用在很多地方，比如鼠標移動到導航欄上時，讓字體更加醒目，吸引用戶的注意力。但需要注意的是，過渡效果的時間應適中，不宜過長或過短，以保證用戶觀感的舒適度。