【问题标题】: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>
    

    【讨论】:

      猜你喜欢
      • 2017-05-04
      • 2022-10-08
      • 2022-12-21
      • 2018-01-07
      • 2023-03-07
      • 2020-11-09
      • 2019-07-10
      • 2021-06-30
      • 1970-01-01
      相关资源
      最近更新 更多