SOLVED: Bricks 2.0: font manager do not download font with diacritics

[jitkaK]

Hi guys,

I’m using bricks 2.0 and there seems to be issue with downloaded fonts.

Let me explain:

1. If I use normal external font (Manrope or Bona nova SC - the both support czech language with diacritics), the’re working on the fronted as they should, no problem. In builder and on frontend there is no problem.
   

   

2. If I use font manager, downloaded these fonts and assign them in theme styles to body and headings, in builder it looks ok, but on frontend there is broken diacritics. (no matter if in Performance - google fonts are allowed or not). Strange is this is only on frontend, in builder it seems to be ok.
   

   

3. If I manually update the font files with the ones from google fonts, it’s working.
   But I’m using the .ttf format (available from google fonts), not .woff2 (which Bricks download), maybe that’t the problem?
   

   

Could you check it’s working properly?
Thanks
Jitka

[timmse]

Hi Jitka,
Thanks so much for your report!

We have already received a report via email that similar problems occur with Chinese characters and have already created a task for this. We will update this report as soon as the problem is solved.

You can download woff2 versions of the fonts here—these should work for now:

Web Font Loader

Best regards,
timmse

[adako]

Hey Timmse!

Any update on this?

Thanks in advance.

[Matej]

Hi @adako,

no updates yes. As you can see, the issue is still in WIP (= Work In Progress). You still have to use the workaround mentioned above.

Thank you for understanding,
Matej

[HeavyLogic]

I think I ran into same problem. The thing is - your custom Fonts feature doesn’t support unicode-range, so it breaks fonts while trying to download them from Google Fonts API v2. You need to update the font manager to handle multiple subsets and preserve unicode-range. For now I’m using monkey patch in my child theme that overrides @font-face rules from Bricks custom fonts. Example:

wp_enqueue_style(
	'font-inter',
	get_stylesheet_directory_uri().'/google-fonts/css/inter.css',
	['bricks-frontend'],
	'1'
);

[Mavi84]

Somewhat laborious process, but what I do to get the smallest font files possible for a site in Czech or any other language for that matter is download normal TTF from Google fonts (Using the full version of the font with all glyphs) or anywhere else and go to:

Create Your Own @font-face Kits | Font Squirrel

• Put on expert mode
• You can choose which glyphs to include by language. You can go from 1000+ glyphs to 100 because you only load for example Czech. Getting a tiny file in the process.
• Upload that font and

[primexaos]

I am also expeiencing this bug.

[jackoneill]

Will this ever get fixed? Could you explain why this is taking so long? Is it particularly difficult, or simply not a priority?

[Matej]

Hi @jackoneill and welcome to the forum.

It will get fixed, and I can see internally that there was some work already done on it. But, I can’t tell you when this fix will be released and what the holdup is.

Matej

[timmse]

We fixed this issue in Bricks 2.2 RC, now available as a manual download in your account (see changelog).

Please let us know if you are still experiencing issues.

As with any pre-stable release, please do not use it on a production website. It is intended for testing in a local or staging environment only.

[quantum]

Hi
It doesn’t work for me in version 2.2 either
I solved that problem by manually downloading the Google font from “google-webfonts-helper”
with the “latin xextended” option enabled
and inserting it through Bricks settings - Custom fonts

So it doesn’t work within Bricks editor - Manage - Font manager

Also, when the Google font is downloaded through Font manager, it constantly shows that the font has been downloaded even it was deleted manually in Bricks settings - Custom fonts.

[primexaos]

@quantum Deleting does not actually delete it yet. You have delete the font first, and the ‘save the deletion action’ by clicking save changes.