Смена полимерных элементов бумаги по умолчанию шрифт

Question

Каков наилучший способ изменить шрифт Polymer Paper Elements по умолчанию от Roboto до пользовательского шрифта?

Я использовал --paper-font-common-base: {} mixin для определения моего шрифта, и это работает в большинстве мест ... но не все. В таких местах, как paper-toolbar, например, все еще применено Roboto.

Есть ли другой способ сделать это?

EDIT

Я вижу преступника в настоящее время. Внутри paper-styles/typography.html есть грузы Mixins, которые конкретно определяют шрифт ... например

--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 блоки здесь закомментирована? Если они не были прокомментированы по умолчанию, похоже, что это не проблема. Но теперь мне нужно переодеться!

EDIT 2

Я вижу, есть примечание в верхней части typography.html файла

/* 
Unfortunately, we can't use nested rules 
See https://github.com/Polymer/polymer/issues/1399 
*/ 

Но это не похоже, чтобы быть правдой, в Chrome в любом случае. Если я раскомментирую строки @apply(--paper-font-common-base) во всех микшинах, это, похоже, сработает. Это проблема с браузером?

Answer 1

Перемещение смесителя --paper-font-common-base - правильный подход.

Следующий код CSS должен работать.

:root { 
    --paper-font-common-base: { 
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    }; 
} 

Мне не удалось найти проблему, о которой вы указали, вероятно, она уже исправлена. При проверке следующих файлов --paper-font-common-base применяется, как и ожидалось.

https://github.com/PolymerElements/paper-styles/blob/master/typography.html https://github.com/PolymerElements/paper-toolbar/blob/master/paper-toolbar.html