Completed
Last Updated: 09 Apr 2024 08:18 by ADMIN
Nick
Created on: 17 Oct 2023 10:31
Type: Feature Request
10
Option to add different font files with the same font family name

Currently, in ThemeBuilder, each uploaded font must have a unique font family name.

However, in some cases, we would like to add multiple font variants (files) via the same font family name (e.g., all named "Lato") and let the user control them through typography variables (from where users should be able to control the specific weight, type, etc.).

 

4 comments
ADMIN
Ventsi
Posted on: 05 Apr 2024 03:18

Hi Fabien,

Indeed, this feature is already released. We will highly appreciate your feedback when you use it to better manage your custom fonts.

Regards,
Ventsi
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.

Fabien
Posted on: 04 Apr 2024 13:18

Greetings,

It seems this feature was implemented and published on the 1st of April 2024 (see attached file). I haven't tested yet.

Thank you :)

Attached Files:
ADMIN
Nick Iliev
Posted on: 30 Jan 2024 07:45

In addition, consider that ThemeBuillder must handle font imports from Figma.

In Figma, a multi-file TTF font (like Google's Inter) loads as a single font with the name Inter, and different styles are set through the style property (e.g., Regular, Light, Bolg, etc).

After the export to ThemeBuilder, in ThemeBuilder, the imported typography variables are expecting a font named Inter, but currently, ThemeBuilder supports only differently named font files. The imported FIgma typographies should be automatically recognized by ThemeBuilder, and the proper ont file should be used depending on the font properties as set in FIgma.

 

 

 

Regards,
Nick Iliev
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.

Fabien
Posted on: 28 Nov 2023 07:45

I fully support this idea.

Currently, I see four ways to deal with font styling:

  • The user has to manually select the right font variant every time a font has a different slant/weight etc. which is tedious.
  • The user has to rely on the browser generating a bold/italic font from the regular/non-italic version which can look ugly.
  • A more aesthetically pleasing way to do it would be to be able to give the same name to the various variants of the font. This way, the browser will automatically select the right human-made font variant depending on how the text is formatted. Some call that style linking (How To Set Weights And Styles With The @font-face Declaration — Smashing Magazine ; Style Linking – Fontspring) and as far as I know, it has been around and usable for a long time. Also, font files aren't that large (main font variants combined are often small than a simple JPEG file) so file size doesn't sound like a valid argument for not doing it (in my humble opinion). However this is made impossible byThemeBuilder that forbids us to give the same font name to different font variants.
  • One final approach would be to use a variable font (see Variable fonts guide - CSS: Cascading Style Sheets | MDN (mozilla.org)), but that is rather advanced and not all fonts are available in this format.