如何设置小吃店的字体大小

Question

除了要设置颜色之外，我还想在经常与Angular和Material UI一起使用的Snackbar组件中进行更多自定义。这是我实现这一目标的方法。

首先，当我想向用户提供反馈时，我定义了一个辅助方法来按需打开Snackbar。

    this.openSnackBarWithStyleClass('someerrormessage et cetera', 'alertSnackBarPanel');

      openSnackBarWithStyleClass(message = "Done", action = '', panelClass: string) {
    let snackBarConfig = new MatSnackBarConfig();
    snackBarConfig.verticalPosition = this.snackBarVPos;
    snackBarConfig.duration = 3000;
    snackBarConfig.panelClass = [panelClass];
    this.snackbar.open(message, action, snackBarConfig);
  }

我也有这个CSS类：

::ng-deep .alertSnackBarPanel {
  background-color: #af3131 !important;
}

然后我想要自定义的是设置字体大小

这可通过以下CSS规则使用：

::ng-deep .altertSnackBarPanel span {
 font-size:32pt;
}

那么我的问题是-如果没有第二个CSS类，还有其他方法可以实现这一目标吗？并且-在响应式设计的基础上-我应该为CSS使用pt还是其他单位（em？）。