css - 如何在 Angular 项目中包含字体系列（SFUIDisplay-Regular）？

Question

我们正在尝试包含字体系列 SFUIDisplay-Regular 我们生成所有文件格式，如 .eot、.otf、.svg、.ttf、.woff 这些所有文件都导入到我的 SCSS 文件中，但它不起作用......

scss代码如下。

 @import "./assets/fonts/SF_font/styles.css";

 @font-face {
      font-family: 'SFUIDisplay-Regular' !important;
      src: url('./assets/fonts/SF_font/SFUIDisplay-Regular.ttf') format('embedded-opentype');
      font-weight: normal;
      font-style: normal;
    }

body{
        font-family: $fontFamily;
          // letter-spacing: -1px;
          background: $backgroundgray;
          font-size: 14px;
          color: $textcolor;
          line-height: 16px;
            padding-bottom:15px;
    }

标签： cssangularsassfont-face