如何在Angular 7中全局设置字体大小（使用rem自定义值）？

Question

我希望在我的Angular7项目中将rem设置为10px的倍数。我尝试在组件CSS文件中更改body和HTML标签中的字体大小，但似乎不起作用。我想知道如何在本地（即针对组件）和全局（即整个项目）设置自定义字体大小（和rem）？

提前感谢。

- Mohammed Marjan

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

- wentjun