angular - 如何更改 mat-icon 笔划宽度

Question

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

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

例子

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

标签： angularangular-materialmat-icon

Answer 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，让我知道它是否有效 祝你好运