问题标签 [google-material-icons]

查看 Google 素材图标HERE，有两种访问这些字体的选项：

1) 通过 CDN 2) 自托管

如果我选择自托管，我会将其包含在我的 CSS 中：

但是，然后我在我的应用程序中添加了一个图标：

什么都没有出现。但是，如果我不自行托管 - 即我将其包含在我的标题中：

然后出现金钱图标。

为什么与自托管文件相比，如果我链接到 CDN，我似乎有更多图标？

查看代码点文件HERE，似乎所有代码点在我自己托管时都可用。为什么代码点文件中的图标比 repo 中的图标多？

创建 PDF 文档时如何使用材质 ui 图标作为字体。我正在尝试使用MaterialIcons-Regular.ttf作为字体。

有没有我可以参考的例子。或者有没有更好的方法来使用 itext7 处理 PDF 文档中的字体图标。

我正在尝试使用 webEngine 在我的 JavaFx WebBrowser 上显示MaterialIcons ，但它只显示图标的描述。图标在 IE 和 Safari 上也不起作用。有谁知道如何使它可读？

我正在尝试使用https://materialdesignicons.com/中的图标制作加载微调器，但图标不仅会旋转，还会从中心略微移动。

我有这些风格：

是<i class="mdi mdi-something spin">元素。所以它添加:before了图标的内容。该元素位于绝对定位的包装器中，display: flex, 水平和垂直居中。

问题是当图标旋转时，它不会围绕其中心旋转。轴移动一点。图标不会停留在一个中心位置，而是会稍微移动。

我试过了：

• 赋予i元素宽度和高度
• 赋予:before元素宽度和高度
• 将spiner动画从移动i到:before
• 我在stackoverflow上找到的不同样式，例如transform-origin: center center;

图标本身具有相同的功能x，y dimensions因此应该不是问题。旋转时尺寸会发生变化，但我想这是正确的？

单击图标后，我试图将图标从“添加”永久更改为“完成”。如果我再次单击该图标，它应该从“完成”变为“添加”。我想知道是否可以在不使用 Javascript 的情况下使用 CSS 来做到这一点。

我想获取所有带有 OUTLINE 样式的材质图标的 .svg 文件：https ://material.io/tools/icons/?style=outline

我在 github 上的 repo 中找不到它。有什么解决办法吗？我可以从上面的链接手动下载每个图标，但那是胡说八道。

谢谢！

谷歌已经用 4 个新的预设主题修改了它的Material Design 图标：

除了常规的填充/基线主题外，轮廓、圆角、双色调和锐利：

但是，不幸的是，它没有说明如何使用新主题。

我一直在通过 Google Web Fonts 使用它，包括以下链接：

然后按照文档中的建议使用所需的图标：

但它总是显示“填充/基线”版本。

我尝试执行以下操作来使用Outlined主题：

并且，将 Web 字体链接更改为：

等等，但它不起作用。

像这样在黑暗中拍摄是没有意义的。

tl;dr：有没有人尝试过使用新主题？它甚至像基线版本（内联 html 标记）一样工作吗？或者，它是否只打算以 SVG 或 PNG 格式下载？

我在https://material.io/icons中寻找一个新图标，我发现了一个经过翻新的图标，带有轮廓、基线、圆角、两种色调和锐利的版本。所以，我想知道如果有人知道如何在那个版本中实现新图标，我们也可以为这些图标设置动画。当我尝试复制任何版本的标签时，我获得了相同的标签，我的网站看起来很正常，没有翻新。 https://material.io/tools/icons/

我一定错过了一些关于如何自定义样式 Material Design Icons 的内容，而不是在 html 页面中，而是在单独的 CSS 文件中。

这是我的 html 文档的示例，直到 head 标签。

上面的样式之所以有效，是因为它们实际上是在页面本身中硬编码的。

如果我做这样的事情......

...它只是忽略了它们。这是为什么？

如果此自定义文件是在 Material Icons 之后加载的，是否无法从不同的 CSS 文件中为 CSS 文件中的 Material Icons 设置样式？

这是场景，

该应用程序使用已经开发的 API，例如 kendo-ui，以及一些内部开发的用于带有 AgnularJS 的 UI 组件的 API。在这些库和我们的应用程序中，我们对材质图标遵循“npm 依赖”方法，并将它们与部署的构建一起托管。

但是此时我们发现存在一些情况和场景，最终用户有安全顾虑，并且系统的应用策略不允许更改 IE 的配置，例如：**

IE >> Internet 选项 >> 安全选项卡 >> Internet >> 自定义级别 >> 字体下载选项已禁用。

**

但是，我们不能强制最终用户修改安全配置，甚至他们也不能这样做。

因此，我正在寻找替代方法。因为用图标图像替换每个图标字体将非常复杂和乏味。

我已经遵循的是：

1. 将域添加到受信任域 - 是的，它可以工作，但最终用户无法修改任何设置。所以这没有用。
2. 自托管图标字体 - 不工作
3. 引用 google 的 api 存储库的 URL - 不起作用
4. 更改安全配置 - 不允许

因此，如果有人过去遇到过类似的情况，请寻找任何替代解决方案。

任何指针都会对这个问题有很大的帮助。

谢谢，