Угловой семейный коммутатор семейства шрифтов

Question

Возможно, я не могу найти документацию относительно использования другого шрифта в Угловых материалах. Возможно ли это через рамки?

Answer 1

Угловой материал - это реализация дизайна материалов и материалов, тесно связанная с шрифтом Roboto, и, как вы уже упоминали, в документации нет ничего об этом, поэтому я думаю, что это невозможно сделать через рамки.

Но вы можете легко изменить семейство шрифтов в файле css, которое должно быть включено в вашу сборку после зависимостей между угловыми материалами. Вот пример:

body { 
    font-family: "Comic Sans MS"; 
} 

input, 
button, 
select, 
textarea { 
font-family: inherit; 
font-size: inherit; 
line-height: inherit; 
} 

И Demo: http://codepen.io/mattdanna/pen/pgwVzX

Заимствованные здесь: https://github.com/angular/material/issues/6561#issuecomment-170837189

Answer 2

Это официальная документация по этому вопросу, но не указывает, как обеспечить резервные семейные классы, если шрифт не может загрузить: https://material.angular.io/guide/typography

@import '~@angular/material/theming'; 

// Define a custom typography config that overrides the font-family as well as the 
// `headlines` and `body-1` levels. 
$custom-typography: mat-typography-config(
     $font-family: monospace, 
     $headline: mat-typography-level(32px, 48px, 700), 
     $body-1: mat-typography-level(16px, 24px, 500) 
); 
// Override typography for all Angular Material, including mat-base-typography and all components. 
@include angular-material-typography($custom-typography); 

Редактировать; для резервного копирования семейств шрифтов (обратите внимание на котировку):

$font-family: '"Sintony", Arial, sans-serif'