卡通字體是一種非常有趣和活潑的字體風格，它通常用于各種兒童相關的設計和活動場合中。而卡通字體的CSS動畫，更能吸引孩子們的眼球，讓其更加喜歡和參與到活動中來。

首先，在CSS中定義一個卡通字體的樣式，可以使用以下代碼：

@font-face {
font-family: 'Comic Sans';
src: url('comic-sans.ttf');
}

上面的代碼中，我們使用@font-face定義了一個名字為Comic Sans的字體，字體文件路徑為comic-sans.ttf。

在使用卡通字體的CSS動畫時，可以利用CSS的@keyframes關鍵字，定義一系列動畫。例如：

@keyframes bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0);
}
}

上面的代碼中，我們定義了一個名為bounce的動畫，其中包含了3個關鍵幀，分別是0%、50%和100%。每個關鍵幀中，我們通過transform屬性來改變動畫元素的位置和角度。

然后，我們可以在元素的CSS樣式中，應用這個動畫，例如：

h1 {
font-family: 'Comic Sans', sans-serif;
animation: bounce 2s ease infinite;
}

上面的代碼中，我們為h1元素定義了一個Comic Sans的字體，并應用了名為bounce的動畫。其中，2s表示動畫的持續時間，ease表示動畫的速度曲線，infinite表示動畫不斷循環播放。

通過以上的代碼，就可以制作出一些有趣且吸引人的卡通字體CSS動畫效果，讓孩子們更加喜歡和參與到活動中來。