Theme Builder - some fonts doesn't work

1 Answer 116 Views
Styling
Daniel
Top achievements
Rank 1
Daniel asked on 01 Feb 2023, 09:49 AM

Hi,

I have some concerns with default font changing in the ThemeBuilder. 

Problem 1 : when i select Avenir-next, he display a yellow question mark ( missing?) and renders in Times New Roman

Problem 2 : i upload the Gilroy-Medium font and i have the same result (renders in Times New Roman) . Both with Woff2 and Tiff.

Can you give me some advices to overcom these problems or :

as Workaround, instruct me how i ca change te default font in my Blazor Serv App

 

Thanks

 

 

1 Answer, 1 is accepted

Sort by
0
Yanislav
Telerik team
answered on 06 Feb 2023, 08:52 AM

Hello Daniel,

Based on the description I understand that you want to change the font family for the whole application not only for the Telerik components. Am I correct? 

You have to import the font. To do this you can use CDN or save the font file locally.

Then you can apply it for the <body> element to make sure the whole page will use the font:

@font-face {
    font-family: myFirstFont;
    src: url("AvenirNextLTPro-It.otf");
}

body {
    font-family: myFirstFont, sans-serif;
}

I hope this helps. 

Regards,
Yanislav
Progress Telerik

Learn about the important changes coming in UI for Blazor 4.0 in January 2023!
Tags
Styling
Asked by
Daniel
Top achievements
Rank 1
Answers by
Yanislav
Telerik team
Share this question
or