New to Telerik UI for Blazor? Download free 30-day trial

Font Icons do not Render in Telerik UI for Blazor 4.6.0

Environment

Product UI for Blazor
Product Version 4.6.0

Description

After upgrading to the 4.6.0 version of the Telerik UI for Blazor suite the Font Icons in my application are not longer showing (rendering).

Possible Cause

Each Telerik UI for Blazor version has a dependency on a specific version of the Kendo UI Themes. As part of the 7.0.0 version of the Kendo UI Themes, the Font Icons were detached from the themes distribution.

The 7.0.0 version of the Kendo UI Themes is a dependency in Telerik UI for Blazor 4.6.0; thus, the font icons are missing.

Solution

To keep using Font icons in your application use one of the two approaches:

  • Add the dedicated Telerik UI for Blazor CDN link in the _Host.cshtml or index.html (based on the hosting model) file in your application:
<link href="https://blazor.cdn.telerik.com/blazor/4.6.0/kendo-font-icons/font-icons.css" rel="stylesheet" type="text/css" />
  • Download the Telerik UI for Blazor package and reference the static assets for the Font Icons in the _Host.cshtml or index.html (based on the hosting model) file in your application:
<!-- For Trial licenses, use
<link href="_content/Telerik.UI.for.Blazor.Trial/css/kendo-font-icons/font-icons.css" rel="stylesheet" />
-->

<link href="_content/Telerik.UI.for.Blazor/css/kendo-font-icons/font-icons.css" rel="stylesheet" />
In this article