Use fonts name instead of "custom_font_xxx"

Feature Requests / Improvements
1

To target a font choice we need to use:

CleanShot 2022-02-08 at 21.50.02@2x

It would be great if it used the font family name set in the upload:

CleanShot 2022-02-08 at 21.51.00@2x

12 Likes
2

Great idea. Didn’t even notice this until now!

1 Like
3

I would definitely support this. Let’s ask @timmse if this needs to be added to the idea board or if they could add this to the list anyway.

4

Hi guys, thanks for the suggestion!
What do you see as the advantage?

I think the Idea Board is the right way to go. Am curious how many users vote :slight_smile:

5

Hi timmse, the advantage is primarily for anyone who writes custom CSS. If you write custom CSS and need to assign a font-family to an element, you have to memorize Bricks’ custom_font_xxx name, instead of just saying “Poppins Custom”, or something like that.

Our team uses our own CSS framework and we have a SASS project we use for all websites. All of our custom CSS is generally written in that SASS project. It would make our lives a lot easier if the names were the same as the Custom Font name we use in the Custom Fonts settings.

image
image823Ă—423 22.3 KB

3 Likes
6

Hi Chris,
my personal opinion:

As far as custom CSS is concerned, I can understand that to a certain extent. However, you could also use custom properties, so that you only have to define the font families once, can change them in one place, and set or overwrite them in any number of places.

This is also true for custom CSS generated with SASS/SCSS or any other preprocessor, where the respective font families are probably also set within variables.

In both cases, from my point of view, it makes no decisive difference whether I write “font xyz” or “custom_font_xyz”. The only difference is that I have to briefly check what my font is called, which is done very quickly.

I would suggest submitting that as an idea on the Idea Board so we can see how many users see a benefit to it.

Best regards,
timmse

7

Pretty sure I added this to the ideas board but it never got accepted. This post already has a fair few upvotes (relative to normal upvotes on posts) so I assume it’s wanted

3 Likes
8

I came across this use case and built a custom solution to flexibly manage the fonts.

It allows us to set the font family name and several options like the font-display rule and preload the font file. I published the workaround for public use on https://webfont.yabe.land/