2016-07-08 4 views
1

나는 마이크로 소프트 fabric.min.cssfabric.components.min.css에서 삼각형 아이콘을 사용하고 싶습니다.내 추가 기능에서 Microsoft 아이콘을 사용하는 방법?

<!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

사람이 제대로 마이크로 소프트의 아이콘을 표시하는 방법을 알고 있나요?

답변

2

특정 아이콘을 사용하려면 ms-Icon 클래스를 포함해야합니다.

<span class="ms-Icon ms-Icon--triangleRight"></span> 
다음은 고정 된 라인이다
관련 문제