# RadzenButton font is not loading on WASM projects

**URL:** <https://forum.radzen.com/t/radzenbutton-font-is-not-loading-on-wasm-projects/21743>\
**Category:** Radzen.Blazor Components\
**Created:** [October 13, 2026, 2:31pm UTC](https://forum.radzen.com/t/radzenbutton-font-is-not-loading-on-wasm-projects/21743 "2026-10-13T14:31:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Paulo\_Roberto](https://forum.radzen.com/user_avatar/forum.radzen.com/paulo_roberto/32/22997_2.png) [@Paulo\_Roberto](https://forum.radzen.com/u/Paulo_Roberto)\
**Post date:** [October 13, 2026, 2:31pm UTC](https://forum.radzen.com/t/radzenbutton-font-is-not-loading-on-wasm-projects/21743/1 "2026-10-13T14:31:58Z")

</div>

Hello everyone! For some reason fonts are not being applied to buttons. I created a new WASM project from the ground up and take a look how the button text is totally different from what we saw on every demo.

 ![image](https://forum.radzen.com/uploads/default/original/3X/c/5/c5dbc81bd096773973a25f41ae0541c79e3ed2f4.png)

---

<div class="post-metadata">

**Author:** ![enchev](https://forum.radzen.com/user_avatar/forum.radzen.com/enchev/32/16_2.png) [@enchev](https://forum.radzen.com/u/enchev)\
**Post date:** [October 13, 2026, 3:29pm UTC](https://forum.radzen.com/t/radzenbutton-font-is-not-loading-on-wasm-projects/21743/2 "2026-10-13T15:29:36Z")

</div>

The theme applies the text font to `body` only when the page contains a `RadzenLayout` (the rule is `:root:has(.rz-layout) body { font-family: var(--rz-text-font-family) }`). All our demos are rendered inside a `RadzenLayout`, which is why the buttons there use the theme font. `RadzenButton` uses `font-family: inherit`, so in your project it inherits the browser default (Times New Roman) from `body`. The `RadzenText` H1 looks right because the typography classes set the font on the element itself.

You have two options:

1. Wrap your page content in `RadzenLayout` / `RadzenBody` (this is what the Radzen Blazor project template does):

```razor
<RadzenLayout>
    <RadzenBody>
        @Body
    </RadzenBody>
</RadzenLayout>

```

1. If you don't want the layout component, set the font on `body` yourself in your app's CSS after the theme stylesheet:

```css
body {
    font-family: var(--rz-text-font-family);
}

```

---

<div class="post-metadata">

**Author:** ![Paulo\_Roberto](https://forum.radzen.com/user_avatar/forum.radzen.com/paulo_roberto/32/22997_2.png) [@Paulo\_Roberto](https://forum.radzen.com/u/Paulo_Roberto)\
**Post date:** [October 13, 2026, 4:33pm UTC](https://forum.radzen.com/t/radzenbutton-font-is-not-loading-on-wasm-projects/21743/3 "2026-10-13T16:33:07Z")

</div>

> [@enchev](#):
>
> ```auto
> <RadzenLayout>
> <RadzenBody>
> @Body
> </RadzenBody>
> </RadzenLayout>
> 
> ```

Understood, and it’s working. Thanks!!!