如何将字体包含到css文件中

我有一个css文件，我以这种方式将其包含在Angular project中：

{
  "styles" : [
        "src/assets/css/style.css"
  ],
}

我在angular.json中添加了：

"assets": [
              "src/favicon.ico",
              "src/assets"
            ],

但在css文件中，字体文件的加载方式如下：

src: url("assets/fonts/materialdesignicons-webfont.eot?v=1.4.57");
src: url("assets/fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("assets/fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"),

我得到一个错误：

Can't resolve 'assets/fonts/glyphicons-halflings-regular.ttf'

还有更多类似的。

---

解决这个问题的正确方法是什么？

我通常包括以下字体：

@font-face {    font-family: "Nunito Light"; font-display: swap;    src: url('../font/Nunito/Nunito-Light.ttf'); }

您应该只包括字体的.ttf文件，而不包括.eot、.woff2

在这里：

---

您可以将.woff2字体更改为.ttf字体

您可以按如下方式添加字体：

@font-face {
  font-family:"Your font";
  src: url("assets/fonts/materialdesignicons-webfont.eot?v=1.4.57"),
       url("assets/fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"),
       url("assets/fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2");
}

---

希望对您有所帮助。

但如果我也有src:urlastes/font/materialdesignics webfont.eot？v=1.4.57；，该怎么办？有一些数据吗？对我来说，只有.ttf文件应该是Enough，我不明白为什么最后你写了？v=1.4.57这是原始模板。你的资产文件夹中有这个文件吗？是的，我有，但没有找到。你签入dist/assets/font了吗？