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
orindex.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
orindex.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" />