导入特定材质图标
Importing specific material icon
我正在创建一个使用 Google's Material Icons 的网络应用程序。
我使用的几乎所有图标都是默认的 'filled' 样式，其中 1 个是 'outlined' 样式。
我使用以下 CSS 代码导入图标：
@import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|');
这会导入两个 .woff 字体文件，一个用于默认 'Material Icons' 字体系列，另一个用于 'Material Icons Outlined' 系列。
鉴于我只使用概述系列中的 1 个图标，有没有办法只导入该特定图标，而不是导入整个集合（不在本地保存）？
感谢任何帮助
要仅导入 'filled' 字体，请从 url 中删除 |Material+Icons+Outlined|。
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
没有官方的 CDN 允许您只从网上抓取一张图片，因此您需要从 icon library 下载 png 或 svg 并自己托管。
请注意，每个字体文件只有 60KB-80KB 左右（点击下面的链接亲自查看），因此如果您这样做是为了缩短加载时间，可能不会产生太大的影响。
我 运行 遇到了类似的问题，但决定自己托管图标。
不想添加自定义字体，所以下载了图标，编辑了 SVG 中的 fill="black" 参数以匹配我想要的颜色，并简单地在 img 标签中使用它 <img src="assets/delete-icon.svg">.
我正在创建一个使用 Google's Material Icons 的网络应用程序。 我使用的几乎所有图标都是默认的 'filled' 样式，其中 1 个是 'outlined' 样式。 我使用以下 CSS 代码导入图标：
@import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|');
这会导入两个 .woff 字体文件，一个用于默认 'Material Icons' 字体系列，另一个用于 'Material Icons Outlined' 系列。
鉴于我只使用概述系列中的 1 个图标，有没有办法只导入该特定图标，而不是导入整个集合（不在本地保存）？
感谢任何帮助
要仅导入 'filled' 字体，请从 url 中删除 |Material+Icons+Outlined|。
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
没有官方的 CDN 允许您只从网上抓取一张图片，因此您需要从 icon library 下载 png 或 svg 并自己托管。
请注意，每个字体文件只有 60KB-80KB 左右（点击下面的链接亲自查看），因此如果您这样做是为了缩短加载时间，可能不会产生太大的影响。
我 运行 遇到了类似的问题，但决定自己托管图标。
不想添加自定义字体，所以下载了图标，编辑了 SVG 中的 fill="black" 参数以匹配我想要的颜色，并简单地在 img 标签中使用它 <img src="assets/delete-icon.svg">.