如何更改 mat-icon 笔划宽度答案

【问题标题】：How to change mat-icon stroke width如何更改 mat-icon 笔划宽度
【发布时间】：2021-03-18 10:23:54
【问题描述】：

我使用带有角度的默认垫子图标的自定义图标。然而，与我创建的那个相比，垫子图标有点太厚了。

我知道这些图标被视为字体，但是否有可能像我们从 svg 更改笔画一样更改它？

示例

manage_accounts 图标与球体的厚度相同
（我使用 class="material-icons-outlined" 来获得徽标的轮廓版本）

【问题讨论】：

标签： angular angular-material mat-icon

【解决方案1】：

mat-icon 是字体，我不确定是否有角度，但您可以尝试使用以下属性设置它们的样式：

.classname_of_the_icon{
     font-weight: 100 !important; // any weight you want your icon to be [bold, normal, 100, 200, ..., 800]
     font-size: 12px !important; // any size you want your icon to be
}

!important; 允许我们覆盖默认的 mat-icon 样式，让我知道它是否有效祝你好运

【讨论】：

它适用于font-weight: 600，并且确实使图标更厚！但可悲的是，它并没有让它变得更薄......
试试font-weight，它不太可能是 100，别忘了使用!important-如果你发现这个对答案有帮助的投票，祝你好运
我按照你解释的方式做了，但没有奏效。我已经尝试了所有可能的尺寸。但值得一试。