Zmiana domyślnych czcionek z papieru polimerowego

Question

Jaki jest najlepszy sposób na zmianę domyślnej czcionki z papieru polimerowego z Roboto na niestandardową czcionkę?

Użyłem miksu --paper-font-common-base: {} do zdefiniowania mojej czcionki i działa to w większości miejsc ... ale nie wszystkie. W miejscach takich jak na przykład paper-toolbar nadal stosuje się Roboto.

Czy jest inny sposób na zrobienie tego?

EDIT

widzę sprawcy teraz. Wewnątrz paper-styles/typography.html istnieje mnóstwo wstawek, które specyficznie definiują czcionkę ... np

--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; 
}; 

Dlaczego są @apply bloki tutaj wykomentowane? Jeśli nie były one komentowane domyślnie, wygląda na to, że nie stanowi to problemu. Ale teraz muszę iść i przesłonić każdy mixin!

EDIT 2

widzę jest uwaga na początku pliku

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

typography.html Ale to nie wydaje się być prawdziwe, i tak w Chrome. Jeśli odkomentuję linie @apply(--paper-font-common-base) we wszystkich miksach, wydaje się, że działają. Czy to jest problem z przeglądarką?

Answer 1

Zastępowanie mieszania --paper-font-common-base jest prawidłowym podejściem.

Powinien działać następujący kod CSS.

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

Nie udało mi się znaleźć problemu, który wskazałeś, prawdopodobnie został już naprawiony. Podczas sprawdzania następujących plików, --paper-font-common-base jest stosowany zgodnie z oczekiwaniami.

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