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

Question

Я хочу установить rem в кратные 10px в моем проекте Angular7.Я попытался изменить размер шрифта в тегах body и HTML в файле CSS моего компонента.Но это не похоже на работу.Я хочу знать, как установить пользовательский размер шрифта (и rem) локально (т.е. для компонента) и глобально (т.е. для всего проекта)?

Заранее спасибо

Answer 1

Глобальный CSS может быть установлен на вашем основном styles.scss (или css), как указано в вашем index.html.

Компонентная область CSS может быть установлена ​​путем указания вашего пути к вашему scss (или css)файл внутри компонента.

@Component({
  selector: 'sample-component',
  templateUrl: './sample-component.component.html',
  styleUrls: ['./sample-component.component.scss']
})

И в файле sample-component.component.scss селектор * выбирает все элементы, инкапсулированные в компоненте

* { 
  font-size: 1.5rem;
}