Question

我目前正在使用angular6。我想将字体加载到style.css中，但是无法正常工作。我的代码如下所示。有人可以建议我如何重现此问题吗？

注意：我使用了与Angle 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;
}

Answer 1

请在代码中添加format（'opentype'）

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

有关更多详细信息，请单击此链接 How to import a new font into a project - Angular 5

Answer 2

我尝试使用身体元素，这就是为什么我没有影响。最后我加了一个*（星号）。它为我工作。请尝试。

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

    * {
      font-family: Expert Sans !important;
      font-size: 14px;
    }

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

2 个答案: