Blazorise icon indicating copy to clipboard operation
Blazorise copied to clipboard

[Bug]: FLuentUI.Icons bold not working and verticall alignment off

Open njannink opened this issue 4 months ago • 1 comments

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

njannink avatar Jun 06 '25 17:06 njannink