使用 Material Icons 添加自定义图标

Ant*_*les 5 css svg material-design google-material-icons

我正在使用官方谷歌材料图标:https : //material.io/icons/

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

我该怎么做?

Nic*_*ash 5

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

如果你已经有了 SVG,那么你可以使用类似https://icomoon.io/app/ 的东西来创建一个。我没有使用过它,因此无法提供任何进一步的帮助。

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


小智 -7

关于更多信息,请在此处输入链接描述

<!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>
Run Code Online (Sandbox Code Playgroud)