調整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類。
但是，如果僅使用!important ，則可以覆蓋fontsize。

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

Answer 2

您可以直接在標記中添加圖標的大小，或添加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>