We have noticed that some customers have the Material icons font installed and then some of the icons does not show up in our application.
I was able to reproduce the problem by installing MaterialIcons-Regular.ttf version 4.0.0 (the latest). We are using Radzen.Blazor 4.17.1.
It can however be solved by changing this in software-base.css:
From
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff");
}
to
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: url("../fonts/MaterialIcons-Regular.woff") format("woff");
}
Are there any possibility to override this font setting? I tried to put the modified font declaration in our site.css, but that didn't help. Or could you consider changing your code since it makes applications built with your components more robust. I found another topic with this problem. Your solution was to uninstall the font, but that doesn't really solve the problem for unknowing users of the application, right?
Icons that I lost when I installed the ttf:
- upload
- manage_accounts