fullCalendar 字体大小

Question

4

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

我尝试更改容器 div 的字体大小，但没有效果。

我还尝试将 fullCalender.css 的字体从 1em 更改为 0.5em 或 px 大小，但日历文字仍然保持不变。

- Daemonk

7个回答

3

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

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

- Ronald Alfonso

经过这么多年，这是唯一真正适用于我的解决方案（Angular8）。然而，我建议使用此方法而不是固定大小：font-size: 0.75em; - smoczyna

3

在FullCalendar中添加'theme'设置。

$('#calendar').fullCalendar({
  theme: true
});

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

- Venkat.R

2

这是一个有关IT技术的翻译内容。以下是需要翻译的原文：

这真是一次时光倒流，但我最初是在寻找解决方案时发现了它。

我只想改变表格中元素（日期标题、时间侧边栏）的字体大小。以下方法适用于我：

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

我使用 Opera Dragonfly 找到了元素类（CTRL+SHIFT+i -> 悬停在元素上），但是任何 DOM 检查器都可以做到。

- LostSalad

0

更改通用字体大小（fullcalendar.css），除了模态框、添加事件和编辑事件

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

- Manuelvalles

0

尝试并使用！important，这是CSS规则，遵守该规则并忽略其他规则。

例如：在CSS中：

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

在jQuery中：

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

- Val

谢谢回复，我尝试了那个方法但没有效果。我在日历div和日历容器上都尝试了。我甚至尝试使用!important并替换fullcalendar.css中的1em字体大小，但没有变化。这非常奇怪... - Daemonk

-2

我已经找到了原因，但不确定为什么会导致这个问题，当我没有声明文档类型时就会出现这种情况。

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

它不会改变字体大小。

谢谢

- Daemonk

顺便提一下，使用错误的文档类型声明被认为不是标准的HTML，因为每个文档类型声明的行为都不同。 - Val

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sam Munroe · Accepted Answer

7

供参考：

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

- Sam Munroe

最好使用.fc-event, .fc-event-dot，这样您也可以处理背景。 - Velimir Tchatchevsky