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

时间:2016-07-08 15:28:32

标签: ms-office office-js

我想使用Microsoft的三角形图标 fabric.min.cssfabric.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)显示了这一点:

enter image description here

有谁知道如何正确显示Microsoft的图标?

1 个答案:

答案 0 :(得分:2)

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

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