css让字体循环变大缩小

可以使用CSS3的动画效果来实现字体大小不断变化的效果，具体代码如下：

<span style="font-size: 20px; animation: font_loop 2s infinite;">
    这是一个循环变换大小的文字
</span>

其中，`font_size: 20px`指定了文字的初始大小，`animation: font_loop 2s infinite`则定义了动画名称、持续时间和重复次数。需要在`<style>`标签或外部的CSS文件中定义动画。

下面是完整的CSS样式代码：

@keyframes font_loop {
    0% {font-size: 20px;}
    50% {font-size: 30px;}
   100% {font-size: 20px;}
}

通过`@keyframes`关键字定义了动画`font_loop`，并在其中设置了3个关键帧，分别对应着开始、中间和结束时的字体大小。`0%`表示开始时的状态，`50%`表示中间状态，`100%`表示结束状态。

需要注意的是，CSS3动画效果可能会在一些老旧浏览器上无法正常显示，建议在现代浏览器中使用。