0

office365 に展開される、開発中の sharepoint アプリで office365 フォント アイコンを使用したいと考えています。

下の画像を見ると、右側に設定アイコンが表示されていることがわかります。調べてみると、span 要素にはクラス wf-family-0365 があり、フォント ファミリは 0365Icons です。無料で利用できる方法はありますか？それとも購入？

フォーラムのリンク ここに画像の説明を入力

4

3 に答える 3

3

最近、Microsoft はOffice UI Fabricと呼ばれるフロント エンド フレームワークをリリースしました。Office Design Language を使用して Web エクスペリエンスを簡単にすばやく作成できるように設計された、レスポンシブでモバイル ファーストのフロントエンド フレームワークです。スタイリングでは、タイポグラフィ、色、アイコン、アニメーション、レスポンシブ グリッド レイアウト、およびローカリゼーションが考慮されます。Fabric は、その図像にカスタム フォントを使用します。このフォントには、任意の方法で拡大縮小、色付け、およびスタイル設定できるグリフが含まれています。アイコンを使用するには、基本の ms-Icon クラスを特定のアイコンの修飾子クラスと組み合わせます。例: <i class="ms-Icon ms-Icon--mail" ></i>–</p>

@sjkp によって提供された cdn リンクは現在壊れています。詳細については、こちらのドキュメントを参照してください>- spo365icons.azurewebsites.net

オフィス ファブリックのアイコンは、http://dev.office.com/fabric/stylesのアイコン タブにあります。

于 2015-10-29T13:52:19.587 に答える
1

ここでそれらを見つけることができます：

@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";
}
于 2015-07-22T22:12:56.613 に答える