Blazorise
Blazorise copied to clipboard
[Bug]: FLuentUI.Icons bold not working and verticall alignment off
Blazorise Version
1.7
What Blazorise provider are you running on?
Material
Link to minimal reproduction or a simple code snippet
Use bigger font sizes and set text-weight to bold
Steps to reproduce & bug description
Use bigger font sizes and set text-weight to bold. You see that the font isnt alligned correctly vertically and also the font doesn't respond to font-weight changes. I found that the reason is in the icon styling. I had to put the following style in my app.css to remove it:
i[class^="icon-"]:before, i[class*=" icon-"]:before {
line-height: unset !important;
font-weight: unset !important;
}
I don't know what the reason is to force line-height to 1 and font-weight to normal