You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在FullCalendar v6中单独修改事件显示字体大小

解决FullCalendar v6事件字体过小的问题

可以单独修改事件的字体大小,无需调整整个日历的字体,通过自定义CSS即可实现:

FullCalendar v6中,事件的标题和时间分别对应类名.fc-event-title和.fc-event-time,你可以针对这两个类设置字体大小:

/* 调整事件标题字体大小 */
.fc-event-title {
  font-size: 14px; /* 根据需求修改数值 */
}

/* 调整事件时间字体大小(如果需要) */
.fc-event-time {
  font-size: 13px;
}

如果需要针对特定视图(比如月视图)的事件调整,可添加视图类前缀,例如:

/* 仅调整月视图中的事件字体 */
.fc-month-view .fc-event-title {
  font-size: 14px;
}

将上述CSS代码添加到你的项目样式文件中,即可单独放大事件的字体,不会影响日历其他元素的字体大小。

内容的提问来源于stack exchange,提问作者Jia De

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 15:12:02