Support for custom fonts in ThemeBuilder Pro

Igor

Posted on: 20 Jan 2023 14:50

Yes, it work! Thanks Radoslav!

ADMIN

Radoslav

Posted on: 20 Jan 2023 14:13

Hello Igor,

The prefix needs to be added only in the typography editor’s Font Family field. Because of the mentioned bug, the font name should be the original one, but if you change the default typography you need to add “TB_” prefix.
I’ve set the name of the font in the edit font dialog to the original font name, without prefix (see fonts_dialog image). And set the typography font family to be with a prefix (see the typography_editor image). Now the components have the right font family style.

Please excuse us for the temporary inconvenience.

Regards,
Radoslav
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Attached Files:

Igor

Posted on: 20 Jan 2023 14:04

I added "TB_" prefix to the name of the font. It doesn't work in my project.

Shared the project (Test 4) with themebuilder@progress.com

ADMIN

Radoslav

Posted on: 20 Jan 2023 13:52

Hello Igor,

Maybe you missed my last post - there is another workaround:

Another workaround can be to add the name of the font in the default typography with "TB_" prefix, see attached image.

Please give it a try and let me know if it works for your case.

Regards,
Radoslav
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Igor

Posted on: 20 Jan 2023 13:40

Yes, if I explicitly specify the token in a text editor it works.
But then it will need to be done manually for all components (Inputs, Date Inputs, Dropdowns, etc.).

Shared the project with themebuilder@progress.com

ADMIN

Radoslav

Posted on: 20 Jan 2023 13:20

Hi Igor,

Thank you for sharing the project with us. We have inspected it and indeed the problem is caused by the mentioned bug.

Another workaround can be to add the name of the font in the default typography with "TB_" prefix, see attached image.

If you need further assistance do not hesitate to contact us again.

Regards,
Radoslav
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Attached Files:

workaround.png

ADMIN

Radoslav

Posted on: 20 Jan 2023 11:06

Hello Igor,

Due to the styles of the Kendo theme, the value of the font-family is not properly prefixed, which causes the issue with items that use the $default-typography variable implicitly. We have added the issue to our backlog and will work towards fixing it for the next release. The issue can be found here: https://github.com/telerik/themebuilder/issues/9

Additionally, just to be sure that you are reporting the same issue can you share your ThemeBuilder project with the themebuilder@progress.com user? Thus, our engineers can investigate the problem and see whether this is the mentioned bug.

In the meantime, the easiest workaround would be to explicitly state the token in the Text Editor, as shown in the attachment.

Looking forward to your reply.

Regards,
Radoslav
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Attached Files:

set-typography.png

Igor

Posted on: 20 Jan 2023 09:53

Hi! Uploaded fonts not displayed in components (

ADMIN

Stefan

Posted on: 18 Jan 2023 09:04

Hello,

The feature is already live: https://docs.telerik.com/themebuilder/web-app/custom-fonts

You can now use custom fonts and custom font icons.

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.