css - office365字体图标可以免费使用还是购买？

Question

我想在我正在开发的共享点应用程序中使用 office365 字体图标，该应用程序将部署在 office365 上。

如果您查看下图，您会发现在右侧可以看到设置图标，当我检查它时，span 元素具有类 wf-family-0365，其中字体系列为 0365Icons。有没有办法让我们免费使用它？还是购买？

论坛上的链接

Answer 1

最近微软发布了一个名为Office UI Fabric的前端框架。它是一个响应式、移动优先的前端框架，旨在简化使用 Office 设计语言快速创建 Web 体验的过程。样式考虑了排版、颜色、图标、动画、响应式网格布局和本地化。Fabric 使用自定义字体作为其图标。此字体包含我们可以以任何方式缩放、颜色和样式的字形。要使用这些图标，请将基本 ms-Icon 类与特定图标的修饰符类结合起来。例如：<i class="ms-Icon ms-Icon--mail" ></i>-</p>

@sjkp 提供的 cdn 链接现在已损坏，您可以在此处找到包含更多详细信息的文档>- spo365icons.azurewebsites.net

办公结构图标可以在图标选项卡下找到http://dev.office.com/fabric/styles。

Answer 2

你可以在这里找到它们：

@font-face {
    font-family: "SPO365Icons";
    src: url("http://cdn.sharepointonline.com/15325/_layouts/15/fonts/Office365Icons.eot");
    src: url("http://cdn.sharepointonline.com/15325/_layouts/15/fonts/Office365Icons.eot?#iefix") format("embedded-opentype"), 
         url("http://cdn.sharepointonline.com/15325/_layouts/15/fonts/Office365Icons.woff") format("woff"), 
         url("http://cdn.sharepointonline.com/15325/_layouts/15/fonts/Office365Icons.ttf") format("truetype"), 
         url("http://cdn.sharepointonline.com/15325/_layouts/15/fonts/Office365Icons.svg#web") format("svg");
    font-style: normal;
    font-weight: normal;
}

齿轮特别

.settings:before{
    font-family: SPO365Icons;
    content: "\e035";
}

Answer 3

我不认为这些图标可以购买。它们受许可条款的约束，如下所述：

http://officeuifabric.com/features/icons.html