Angular2 재질 md 아이콘 크기

Question

angular2에서 글꼴의 상대 크기로 아이콘 크기를 어떻게 조정합니까?

<div style="font-size: 3em;"> 
<md-icon>highlight</md-icon> 
Title 
</div> 

Answer 1

를 CSS 파일에서 당신은 글꼴 크기, 높이와 폭을 수정하여 MD-아이콘 크기를 수정할 수 있습니다. 예를 들면 다음과 같습니다.

md-icon.size-45 { 
    font-size: 45px; 
    height: 45px; 
    width: 45px; 
} 

Answer 2

이 접근 방법에는 두 가지가 있습니다.

<md-icon><h1>highlight</h1></md-icon> 

이 아이콘의 크기를 조정하지만, 그것은 헤더 요소 (같은이 font-weight)에 설정된 스타일에 의해 영향을받을 것이다 : 당신은 합자 자체에 영향을 미칠 수

. 그래서, 나는 CSS를 사용하여 크기 조정 추천 할 것입니다 :

<md-icon style="font-size:24px">highlight<md-icon> 

이 파삭 파삭 아이콘의 크기를 조정합니다. 물론 당신도 (더 나은이다!) 그렇게 클래스를 추가 할 수 있습니다

<md-icon class="large">highlight<md-icon>