Missing styles in Humanistic theme (font, color)

[jokl]

Hello, I just started using Radzen Blazor Components but I have some issues with styling. For example, when I'm using the TemplateForm some styles like font and font color are wrong. I made a comparison to clarify the issue.

The first image is from the demo page:

I have copied the exact same code from the demo and put it on a test page, but on my end it looks like this:

As you can see the font styling is all wrong. I am using a .NET 6 Blazor server app which is totally from scratch.

EDIT: I see the quality of the images is kinda bad, but I hope my point is clear

[yordanov]

Hello @jokl,

The humanistic-base.css contains unobtrusive styles that apply colors/sizes/shapes only and do not interfere with the project's default font-family (the one that is set to html, body in your site.css). Looking at the screenshots, I can confirm that the humanistic-base.css theme is loaded correctly and all colors are the right ones. The only difference is in the font-family which also impacts the visual appearance of font weight and size.

To make use of the embedded Humanistic theme font-family, load the "full" humanistic.css instead of humanistic-base.css. Note that humanistic.css introduces additional styles for font-sizes, font-weights, selection, scollbars etc.

Alternatively, you can load the Source Sans Pro typeface family or any other of your choice directly from Google fonts by following the instructions there.

Hope that helps and welcome to the community!

[jokl]

Hello, thank you for your in-depth response! I am indeed using the humanistic-base.css and didn't know there was a full version. I just followed the 'Get Started' page, maybe you can include there that there are also full versions