Javascript 如何在angular 6中加载自定义字体？

我目前在angular 6工作。我想在style.css中加载我的字体，但它不起作用。我的代码如下所示。有人能建议我如何重现这个问题吗

注意：我使用了与angular 5相同的语法。怎么了

style.css：

@font-face {
  font-family: 'Expert Sans';
  src: url('assets/fonts/ExpertSans-Regular.ttf');
}


body {
  font-family: 'Expert Sans' !important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  margin: 0;
}

请在代码中添加格式（“opentype”）

 @font-face {
  font-family: 'Expert Sans';
  src: url('assets/fonts/ExpertSans-Regular.ttf') format("opentype");
}

有关更多详细信息，请点击此链接

---

我在尝试body元素，这就是它没有影响的原因。最后我加了一个*（星）。这对我有用。请试一试

    @font-face {
      font-family: Expert Sans;
      src: url('assets/fonts/ExpertSans-Regular.ttf');
    }
    
    * {
      font-family: Expert Sans !important;
      font-size: 14px;
    }

---

您好，尽管您使用的是两个不同的帐户，但您完全可以自行回答问题。我有一种感觉，版主们会对我皱眉，但我不能完全确定。解决了我的问题。非常感谢。