2017-12-16 30 views
0

docs for Angular Material 아이콘을 이해하려고합니다. 나는 그들을 확대하는 적절한 방법에 대한 정보를 찾을 수 없다.각도 재질의 아이콘에 lg 또는 2x를 설정하는 방법 (예 : 글꼴 굉장)

<mat-icon>home</mat-icon> 

FontAwesome에서이 클래스를 설정했습니다.

<i class="fa fa-camera-retro fa-2x"></i> 

물질에서 어떻게 제어해야합니까?

+0

[재료 디자인 아이콘의 아이콘 크기 변경] (https://stackoverflow.com/questions/36562597/change-the-icon-size-of-material-design-icon) –

+0

https : // github.com/angular/material2/issues/4422 –

+0

@ Jota.Toledo 중복으로 볼 수 없습니다. Angular Material은 다른 Angular-ish 구문을 제공합니다. 그것은 문서에 대한 링크에 표시됩니다. (아마도 링크를 클릭하지 않는 사용자의 명료성을 위해 사본을 게시해야 할 것입니다.) – DonkeyBanana

답변

-1

다음과 같이 방금 만든 클래스 (? 어쩌면 .md-icon-2x을)를 확대하고 mat-icon에 추가하려면 재료 아이콘입니다

.md-icon-2x { 
    width: 48px; 
    height: 48px; 
    font-size: 48px; 
} 

실제로 합자 글꼴, 그것은 쉽게 font-size 속성으로 변경 될 수 있습니다 아이콘을 크게 만들 수 있습니다.

+0

오류 ... 왜 downvote ?? – Edric