Каков наилучший способ изменить шрифт Polymer Paper Elements по умолчанию от Roboto до пользовательского шрифта?
Я использовал микс --paper-font-common-base: {}
для определения моего шрифта, и это работает в большинстве мест... но не все. Например, в таких местах, как paper-toolbar
, все еще применяется Roboto.
Есть ли другой способ сделать это?
ИЗМЕНИТЬ
Теперь я вижу преступника. Внутри paper-styles/typography.html
есть множество миксинов, которые специфически определяют шрифт... eg
--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. Если я раскомментирую строки @apply(--paper-font-common-base)
во всех микшинах, это сработает. Это проблема с браузером?