Angular项目的自托管材质图标版本4

Question

一些基于web的项目被设计为在局域网内部运行，而不能访问开放的互联网。从安全的角度来看，这是非常合理的。对于这样的内部应用程序，设计师需要自己托管angular/google material图标。当使用npm安装时，旧图标显示，但新图标不显示。npm版本相当旧，并且已经多年没有更新了。

官方文档to：Setup Method 2. Self hosting将指向：icon font，但是我没有看到任何所需的woff/woff2文件。这不是一个完整的答案。

在我寻找解决方案的过程中，我只看到了一堆半生不熟的答案和一群(理所当然)沮丧的探索者。

有没有人能提供一套简单明了、完全有效的步骤，让最新的素材图标在自己托管的背景下工作？非常感谢。

Answer 1

在本地托管谷歌材料图标字体：Here

最简单的方法：

1. npm i material -图标(用于自托管材料设计图标的最新图标字体和CSS。)

1. Styles:

A)在您的angular.json中：

  "architect": {
        "build": {
          "builder": ...,
          "options": {
          ....
          "styles": [
              ...
              "src/styles.scss",
              "./node_modules/material-design-icons/iconfont/material-icons.css",
              ...
            ],
             
            "scripts": []
          },

或B)在您的styles.scss中：

@import '~material-icons/iconfont/material-icons.css';