I want to upload 2 variants of the same font (let's say Roboto with weight 300 and 500).
Then I want to configure the same font family for both of them.
This is currently not allowed (see attached screenshot).
I have to choose different names which results in an export like this:
@font-face {
font-family: Roboto300;
src: url('../fonts/roboto-v18-latin_latin-ext-300.woff') format('woff');
font-style: normal;
font-weight: 300;
font-display: auto;
}
@font-face {
font-family: Roboto500;
src: url('../fonts/roboto-v18-latin_latin-ext-500.woff') format('woff');
font-style: normal;
font-weight: 500;
font-display: auto;
}But what I want to achieve is this:
@font-face {
font-family: Roboto;
src: url('../fonts/roboto-v18-latin_latin-ext-300.woff') format('woff');
font-style: normal;
font-weight: 300;
font-display: auto;
}
@font-face {
font-family: Roboto;
src: url('../fonts/roboto-v18-latin_latin-ext-500.woff') format('woff');
font-style: normal;
font-weight: 500;
font-display: auto;
}My use case is that I want to set the font family only once and the just set different font-weight for individual components.
Also, we have migrated to Kendo / ThemeBuilder in our existing project which relies on fonts to be configured this way.
Hi,
We have just released ThemeBuilder Q3 2024, which now allows you to upload fonts with the same font name.
Regards,
Petar
Progress Telerik
Do you have a stake in the designеr-developer collaboration process? If so, take our survey to share your perspective and become part of this global research. You’ll be among the first to know once the results are out.
-> Start The State of Designer-Developer Collaboration Survey 2024
