CSS字體飛入是一種動態展示文字的效果，可以讓網站更加生動有趣。以下是一個簡單的CSS代碼示例：

/* 定義一個字體飛入動畫 */
@keyframes fly-in {
from {
opacity: 0;
transform: translateY(-100%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
/* 應用該動畫到某個元素上 */
.fly-in-text {
animation: fly-in 0.5s;
}

代碼解釋：

首先我們定義了一個名為fly-in的關鍵幀，其表示從不可見（透明度為0）和上方（translateY:-100%）處開始動畫，到完全顯示（透明度為1）和原來位置（translateY:0%）結束。

接著將該動畫應用到某個HTML元素上，我們使用了一個class名為fly-in-text的樣式類，這個類會觸發上述定義好的動畫。

最后在HTML文件中，我們只需要將文本內容包含在一個擁有該樣式類的元素中，就可以觸發字體飛入的效果了：

<p class="fly-in-text">Hello world!</p>

運行效果：

// 定義一個字體飛入動畫
@keyframes fly-in {
from { opacity: 0; transform: translateY(-100%); }
to { opacity: 1; transform: translateY(0%); }
}
// 應用該動畫到某個元素上
.fly-in-text {
animation: fly-in 0.5s;
}
// 在HTML文件中使用
<p class="fly-in-text">Hello world!</p>