WIP: Bricks 2.0 Alpha Font Manager: Google Fonts download and local hosting doesn't work correctly

Browser: Safari 18.3.1
OS: macOS 15.3.2

I tested download and local hosting of Google fonts with these two fonts:

  • Pinyon Script
  • Quicksand

Findings:

  1. Files for both fonts are stored in /wp_content/uploads, but with tiny file sizes that can’t be correct. Files seem to only contain letter “A” (see finding 3 below)

  2. In frontend, the frontend-styles inline-css has font “Quicksand” listed, but “Pinyon Script” is missing completely.

<style id="bricks-frontend-inline-css">
@font-face{font-family:"Quicksand";font-weight:300;font-display:swap;src:url(.../quicksand-300-normal.woff2) format("woff2");}
@font-face{font-family:"Quicksand";font-weight:400;font-display:swap;src:url(.../quicksand-400-normal.woff2) format("woff2");}
@font-face{font-family:"Quicksand";font-weight:500;font-display:swap;src:url(.../quicksand-500-normal.woff2) format("woff2");}
@font-face{font-family:"Quicksand";font-weight:600;font-display:swap;src:url(.../quicksand-600-normal.woff2) format("woff2");}
@font-face{font-family:"Quicksand";font-weight:700;font-display:swap;src:url(.../quicksand-700-normal.woff2) format("woff2");}
</style>
  1. As a result, the frontend doesn’t show font “Pinyon Script” at all, and for “Quicksand” it only shows letter “A” correctly.
1 Like

I need to correct my finding 2:
After re-enabling Google Fonts and downloading “Pinyon Script” again, it’s now listed in bricks-frontend-inline-css and shows in frontend – at least the letter “A”:

The Font Manager also only shows the letter “A” correctly for downloaded Google fonts.

Hi Matthias,
Thanks again for your report!

I can confirm there seems to be something fundamentally wrong with the font files. For me, no letter uses the correct font family.

Weird, but anyway, we’ll look into it :v:

Best regards,
timmse

1 Like