Sass - Настройка семейства шрифтов с помощью веб-компонентов материалов.

Question

Я использую материальные веб-компоненты в своем проекте, и я хотел бы изменить семейство шрифтов. Я просматривал их документацию, и я попытался сделать это, установив переменную в моем файле sass следующим образом:

$mdc-typography-font-family: Comfortaa, sans-serif !default;

Но это не сработало, в документации также сказано, что sass mixin устанавливает шрифт:

mdc-typography-base 

Как я могу изменить миксин, чтобы использовать другое семейство шрифтов?

Answer 1

Я понял это, удалив !default флаг:

$mdc-typography-font-family: Comfortaa, sans-serif;

Кроме того, не забудьте вставить Google Fonts в тег head:

<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">