Set custom font for application

[OmidAtaei1984]

Hello. good day. There is no guidance on the site regarding how to use web fonts, font-face and how to set the font for the application globally. It can be done for components such as mcontainer when adding the service, using the command:

options.Defaults = new Dictionary<string, IDictionary<string, object?>?>()
{
{ nameof(Mcontainer), new Dictionary<string, object?>() { { nameof(Mcontainer.Style), "font-family: ''CustomeFontName"} } },
}

The font can be set, but in components such as MCard, the above command must be added again for that component, or in "popupService.EnqueueSnackbarAsync", the displayed text font is independent of the set font.

[capdiem]

@OmidAtaei1984 Why not use global CSS(wwwroot/app.css) to set font-family?

[OmidAtaei1984]

@OmidAtaei1984 Why not use global CSS(wwwroot/app.css) to set font-family?

Hello. As you can see in the picture, setting font-family in Body has no effect, but after setting Style in Program.cs, the desired font is applied.

[capdiem]

@OmidAtaei1984

app.css:

.m-application {
  font-family: TheBlackList, ...
}

[OmidAtaei1984]

Hello. I made the settings, but there was no change in the font of the program. If I am wrong, please guide me.

[capdiem]

@OmidAtaei1984 You should check the font-family of the text "Hello world" instead of body.

From your screenshot, it seems that the program did not restart successfully, causing app.css not to be reapplied.

[github-actions]

This issue is stale because it has been open for 4 days with no activity.

[github-actions]

This issue is closed because it has been open for 3 days with stale.