完整日历字体大小

Question

我在将日历字体大小设置得较小时遇到问题。

我更改了设置容器div字体大小，没有效果。

我还将 fullCalender.css 字体从 1em 更改为 0.5em 并更改为 px 大小，但日历文本保持不变。

Answer 1

7
投票

供将来参考：

.fc-title{
    font-size: .9em;
}

Answer 2

在 FullCalendar 中添加“主题”设置。

$('#calendar').fullCalendar({
  主题：真实
});

通过编辑 FullCalendar 提供的 CSS 文件来添加自定义主题 CSS，http://arshaw.com/js/fullcalendar-1.6.1/demos/cupertino/theme.css

Answer 3

我可以用以下方法解决这个问题

::ng-deep body .fc {
  font-size: 12px;

Answer 4

这是过去的一次爆炸，但我最初发现这个是为了寻找解决方案。

我只是想更改表格中元素的字体大小（日期标题、时间侧边栏）。以下对我有用：

th.ui-widget-header {
    font-size: 9pt;
    font-family: Verdana, Arial, Sans-Serif;
}

我使用 Opera Dragonfly 来查找元素类（CTRL+SHIFT+i -> 将鼠标悬停在元素上），但任何 DOM 检查器都应该这样做。

Answer 5

尝试使用

!important

这是一个 CSS 规则来遵守该规则并忽略其他规则。

例如：在 CSS 中：

.calendar{font-size: 12px !important:}

在 jQuery 中：

$('.calendar').css('font-size','12px !important');

Answer 6

更改一般字体大小（fullcalendar.css），除了 Modals 、 addevent 和 edit event

body .fc { 
   font-size: 1.5em;  <--- change here for general 
}

Answer 7

我已经找到了原因，但不确定为什么会导致问题，但是当我没有将文档类型声明为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

它不会改变字体大小。

谢谢