如何使用Stylish更改Google Tasks中的字体?

时间:2013-06-01 10:44:20

标签: css google-calendar-api stylish

所以,我从我以前的Windows发行版中将Arial拉到了Linux上,但后来我不得不与12px Arial issue进行斗争。我通过将其调整为13px来修正它,但我认为我实际上更喜欢解放Sans中的谷歌日历,就像我之前所拥有的那样。 我已经使用Stylish来修复日历的主要部分,但是我无法让Google Tasks部分使用Liberation Sans,因为它使用了更复杂/更奇怪的CSS选择器。 Firebug说任务部分的font-family由div#:x.tl.U定义,带有HTML

<div id=":x.fc" class="bb" style="height: 165px;">
<div id=":x.tl" class="U Rb">
<table class="v" cellspacing="0" cellpadding="0" style="width:100%">
(lots more nested tds/divs here)
</table></div></div>

但使用

div#:x.tl.U {font-family: "Liberation Sans", Arial, sans-serif !important;}

甚至

div#\3a x\.tl.U {font-family: "Liberation Sans", Arial, sans-serif !important;}

不会产生任何结果。对于主要(月/ 2周视图)部分,

div.st-c-pos {font-family: "Liberation Sans", Arial, sans-serif !important; }

工作正常(完全改变Google用来定义font-family的元素)。 我如何使用这些选择器?我确实知道一些CSS,但这种复杂性超出了我的范围。 (如果有人可以解释不同的“。,:”等部分是什么意思......?)

编辑:这不仅仅是“任务”部分,周视图还显示了Arial和Liberation Sans的混合体。我也为body元素定义了font-family,但这似乎并没有真正继承......除了在页面中搜索Arial的每一个声明并手动替换它之外,还有更好的想法吗?

1 个答案:

答案 0 :(得分:2)

添加HTML确实有帮助,但正如您所说,ID名称非常奇怪。然而,你在div#:x.tl.U的第一枪看起来对我来说,因为它链接了ID和类。因此,内部元素最有可能还有一个覆盖规则的Arial字体系列声明。

我想,作为测试,你可以试试这样的东西,虽然它有点大锤选项可能不适合:

body * {font-family: "Liberation Sans", Arial, sans-serif !important;}

否则,看看内部元素,看看是否有任何明确的字体声明。