问题标签 [google-material-icons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1056 浏览

google-material-icons - 按钮中的材质图标不可点击

我有一个按钮用于显示下拉 div。可以单击按钮填充和文本以显示下拉 div。无法单击非常小的材料“字体图标”以显示下拉 div。我如何确保您可以单击按钮内的任意位置(包括直接单击 Material 图标)以显示下拉 div。

这是一个链接,向您展示我所做的事情。

0 投票
0 回答
307 浏览

svg - 何时使用哪个材料设计 svg 文件夹

material design icons github repo中,每个 svg 文件夹都有两个子文件夹designproduction。它们具有相同的大小(由 显示du -s),但 adiff显示不同的内容。(编辑:du仅显示块大小,实际大小与评论不同)。

哪个文件夹用于哪个目的?特别是:哪个文件夹用于组合图标?

0 投票
1 回答
684 浏览

android - framework7 中的 Material Icons 在 PC 浏览器上加载,但在 Android 应用程序中不加载

我正在使用 Framework7 编写一个应用程序,我需要一些材料图标。我在 html 文件中添加了它们提供的材料图标的路径:

然后我使用标签调用图标:

好吧,当我在 pc 浏览器中加载应用程序时,图标会正确呈现,但是当我将代码上传到构建 .apk 的 Adob​​e PhoneGap 时,当我将它安装在设备上并运行它时,应用程序会加载但图标不会呈现,而是我读了他们的名字。

我能做些什么来解决这个问题?谢谢大家!

0 投票
1 回答
1901 浏览

fonts - IE 有时会加载 WOFF 有时会加载 EOT 字体类型

我将 Angular Material 与 Angular Material Icon 一起使用。在我的 index.html 中,我有以下标签:

这一行下载了一个带有 @font-face 选择器的 CSS 文件。似乎来自 CSS 的“src”属性因浏览器而异。

使用 Chrome 没问题,它会下载 WOFF2 字体。但在 IE11 上,有时浏览器会下载 WOFF 字体,有时会下载 EOT 字体。使用 WOFF,显示图标。对于 EOT,他们不是。

Chrome 日志

IE11 日志

你知道如何强制浏览器下载 WOFF 字体吗?我想避免在本地存储字体。

谢谢 !

0 投票
1 回答
819 浏览

angular - 如何解决 Angular 中无样式文本的 Flash?

第一次加载任何路线时,我的custom fontmaterial icons分别切换到默认字体和文本。如何消除这种行为Angular 5 app

0 投票
1 回答
490 浏览

angular - check_box_outline 图标占用额外空间

我在使用 angular 和 angular-material 框架的组件设计时遇到了一些问题。

一切都基于mat-sidenav-container. sidenav 包含手风琴 - 可扩展列表,比如说“类别”。在每个扩展面板中都有一个项目选择列表。到现在为止还挺好。

在选择列表上方,我添加了一个mat-list包含一个项目的常规。该项目包含标题和“全选”选项。对于“全选”实用程序,我使用了相关的可点击mat-icon.

一切似乎都运行良好,除了mat-icon设置为的情况check_box_outline。这样的图标会导致水平滚动条出现在侧导航中。看起来图标后添加了一些空格,但我不明白为什么。它不会出现在其他图标上,也不会check_box_outline_blank出现indeterminate_check_box

该图标导致出现水平滚动条

有谁知道究竟是什么导致了这个错误以及如何防止滚动条出现?

我将相关代码和演示放在 stackblitz 上(在app文件夹内)。我保持代码尽可能简单只是为了演示这个问题。我会很感激任何帮助。

0 投票
2 回答
1285 浏览

javascript - 如何捕捉我的材质图标何时加载?

我正在使用 Google 的这些图标字体: https ://material.io/icons/

我正在开发一个网络扩展程序,一些网页(如 Github)阻止了我的图标,我正在尝试使用 vanilla js 检查字体是否可用,这里的问题是我不知道何时需要确认字体是否已加载。

我正在使用 setTimeOut 但我真的很讨厌这种方法。

我的代码:

我尝试准备好文档并加载窗口,但这不起作用我需要更具体。

0 投票
3 回答
4614 浏览

javascript - 当 AngularJS 的布尔值为 TRUE 时显示图像(或图标)?

所以我有一个列表,其中有一列带有布尔值,以防某些项目有附件,当它确实有附件时,它将显示一个“剪辑”图标。我想对 AngularJS 表做同样的事情:

这是我的代码,HTML:请注意{{link.Attachments}}
中有一个自定义过滤器(“booleanFilter”)

这是我的过滤器脚本:
我想在有附件时显示附件图像(当它为真时),当它为假时不显示任何内容:

这段代码的坏处是它将“clip.png”显示为字符串而不是显示图标图片,我也尝试放置一个材质图标的代码:

但它不会工作......所以有什么想法或者我做错了什么吗?

0 投票
1 回答
7725 浏览

html - 如何使用引导程序 4 垂直对齐按钮内容

我在我的应用程序中使用 bootstrap 4 和材料图标。问题是当我有一个带有文本和图标的按钮时。

我尝试更改图标的字体大小,但这会影响整个页面其他图标的大小。

我只是想用图标让文本居中。感谢您的任何帮助。

0 投票
1 回答
342 浏览

javascript - 反应本机 MaterialIcons 捆绑错误

我已安装 react-native-vector-icons 并将其链接到我的项目。我正在使用 android 模拟器在我的 mac 上进行测试。

这是我的进口:

这就是我使用它的方式:

当我尝试构建此错误时。不知道为什么或如何处理它。