Polymer 更改聚合纸张元素的默认字体

Polymer 更改聚合纸张元素的默认字体,polymer,Polymer,将聚合纸张元素的默认字体从Roboto更改为自定义字体的最佳方法是什么 我使用了--paper-font-common-base:{}mixin来定义我的字体,这在大多数地方都适用。。。但并非全部。例如,在纸张工具栏之类的地方,仍然应用了Roboto 还有别的办法吗 编辑 我现在看到了罪犯。在paper styles/typography.html中,有大量的混合元素专门定义字体。。。乙二醇 --paper-font-title: { /* @apply(--paper-font-comm

将聚合纸张元素的默认字体从Roboto更改为自定义字体的最佳方法是什么

我使用了
--paper-font-common-base:{}
mixin来定义我的字体,这在大多数地方都适用。。。但并非全部。例如,在
纸张工具栏
之类的地方,仍然应用了Roboto

还有别的办法吗

编辑

我现在看到了罪犯。在
paper styles/typography.html
中,有大量的混合元素专门定义字体。。。乙二醇

--paper-font-title: {
   /* @apply(--paper-font-common-base) */
  font-family: 'Roboto', 'Noto', sans-serif;
  -webkit-font-smoothing: antialiased;
  /* @apply(--paper-font-common-expensive-kerning); */
  text-rendering: optimizeLegibility;
  /* @apply(--paper-font-common-nowrap); */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
};
为什么这里的
@apply
块被注释掉了?如果默认情况下没有对这些内容进行注释,看起来这不会是一个问题。但现在我必须去覆盖每一个混音

编辑2

我看到
typography.html
文件顶部有一个注释

/*
Unfortunately, we can't use nested rules
See https://github.com/Polymer/polymer/issues/1399
*/
但无论如何,在Chrome中,这似乎不是真的。如果我取消注释所有mixin中的
@apply(--paper-font-common-base)
行,它似乎可以工作。这是一个浏览器问题吗?

覆盖
--纸张字体公共基础是正确的方法

下面的CSS代码应该可以工作

:root {
    --paper-font-common-base: {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    };
}
我找不到你指出的问题,可能已经解决了。检查以下文件时,将按预期应用
--纸张字体公用基础


全局选择器
*{}
与字体系列
结合使用!重要信息
可作为解决办法