如何在我的加载项中使用 Microsoft 图标？

Question

我想使用 Microsoft 的三角形图标 fabric.min.css 和 fabric.components.min.css.

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1.0/fabric.min.css">
    <link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1.0/fabric.components.min.css">
  </head>
  <body class="ms-font-m">
    <div class="padding">
      <span class="ms-Icon--triangleRight"></span>
    </div>
  </body>
</html>

但是，上面的代码 (JSBin) 显示了这一点：

有谁知道如何正确显示微软的图标？

Answer 1

您需要包含 ms-Icon class 才能使用任何特定图标。这是固定线路：

<span class="ms-Icon ms-Icon--triangleRight"></span>

如何在我的加载项中使用 Microsoft 图标？

How to use Microsoft icons in my add-in?

ms-office

office-js