изменение размера шрифта значков материалов Google

Question

Согласно официальному руководству, добавление «md-48» в класс предполагает изменение размера шрифта до 48px, но здесь это не работает. Я что-то пропустил? Я также пытался использовать CSS, чтобы установить размер шрифта .material-icons равным 48px, но это не изменилось.

/*.material-icons{
    font-size: 48px;
}*/

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
          rel="stylesheet">
<div class="container-fluid mobileMenu">
            <i class="material-icons md-48">list</i>
        </div>

Answer 1

Вы можете добавить непосредственно в тег размер значка или добавить класс CSS для этого:

.material-icons.md-60 { font-size: 60px; }

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<div class="container-fluid mobileMenu">
  <i class="material-icons" style="font-size:60px;">list</i>
</div>

<div class="container-fluid mobileMenu">
  <i class="material-icons md-60">list</i>
</div>

Answer 2

Я не знаю о значках материалов и их классах CSS.
Но если вы просто используете !important, вы можете перезаписать размер шрифта.

.md-48 {
  font-size: 48px !important;
}

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<div class="container-fluid mobileMenu">
  <i class="material-icons">list</i>
  <i class="material-icons md-48">list</i>
</div>