使用 Material Icons 添加自定义图标答案

【问题标题】：Add custom icons with Material Icons使用 Material Icons 添加自定义图标
【发布时间】：2017-09-22 07:13:27
【问题描述】：

我使用的是google官方素材图标：https://material.io/icons/

我想在 svg 中添加一些我创建的图标。

我该怎么做？

【问题讨论】：

您能否举例说明您如何使用现有图标之一？它们以网络字体、SVG 和 PNG 的形式出现。猜猜你使用的字体？
@NickSlash 我想用作网络字体
你成功了吗？我有同样的问题，想知道是否存在解决方案
@Antonio，你表达了相互矛盾的愿望。在您写的原始帖子中，您希望使用 SVG 图标。但是在您对 NickSlash 的回复中，您写道您想将它们用作 webfont。这些是不同的技术，均由 Material 2 官方支持。如果您希望实现 webfont，下面 NickSlash 的回复就足够了。如果您希望将图标用作 SVG，this is a helpful source

标签： css svg material-design google-material-icons

【解决方案1】：

您需要创建自己的网络字体。

如果您已经拥有 SVG，那么您可以使用 https://icomoon.io/app/ 之类的东西来创建一个。我没用过，所以帮不上什么忙了。

如果没有，您需要找到一个字体创作工具，该工具可以导出为 woff 或 woff2 或您需要的任何网络字体格式。（我认为材料一是woff2）

【讨论】：

【解决方案2】：

关于它enter link description here

<!DOCTYPE html>
<html>
<head>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
    <title></title>

</head>
<body>
    <i class="material-icons md-light md-inactive">face</i>
</body>
</html>

【讨论】：