3.18: the local hosted google font file shall match the required structure

[Mai-Saad]

Describe the bug
Local hosted google font shall meet the expectations mentioned here #7062 (comment)
currently:
1- no /fonts after /google-fonts
2- hash is added to the font file (while hash was mentioned only for CSS file)

To Reproduce
Steps to reproduce the behavior:

1. Enable host google fonts locally
2. Visit the page https://new.rocketlabsqa.ovh/combine_v1fonts_template/
3. check source and open the local combined file => google fonts mentioned there are hashed and the path not having /fonts

Expected behavior
A clear and concise description of what you expected to happen.
URL like https://new.rocketlabsqa.ovh/wp-content_new/cache/fonts/1/google-font/fonts/s/anonymouspro/v21/rP2Bp2a15UIB7Un-bOeISG3pHl829RH9.woff2 instead of https://new.rocketlabsqa.ovh/wp-content_new/cache/fonts/1/google-font/b/0/e/c20c0038dca463f0adee9b315f221/s/anonymouspro/v21/rP2Bp2a15UIB7Un-bOeISG3pHl829RH9.woff2
Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.
slack thread https://wp-media.slack.com/archives/CUKB44GNN/p1732610252901139

[piotrbak]

@wp-media/engineering-plugin-team Was there any reason to have that kind of structure with hash?

[remyperona]

The font is stored at the same level as the CSS file, but that can be updated

[Miraeld]

Scope a solution

In https://github.com/wp-media/wp-rocket/blob/3201ce5d91a585a8a3298a7255cb65cf8b0089ae/inc/Engine/Media/Fonts/Filesystem.php,

we need to modify

wp-rocket/inc/Engine/Media/Fonts/Filesystem.php

Line 81 in 3201ce5

$local_path = $file . $font_path;

in order to take into account the fonts folder to follow the structure /wp-content/cache/fonts/1/google-font/fonts/

Finally, in here:

wp-rocket/inc/Engine/Media/Fonts/Filesystem.php

Line 99 in 3201ce5

$local_url = content_url( $relative_path . $font_path );

We need to adapt the new path so we are modifying correctly the content of the css file to include the correct font file.

Effort

S

[remyperona]

I'd like to suggest a couple of changes concerning the file structure:

• update from google-font to google-fonts
• store the fonts in a sub-directory fonts
• store the CSS in a sub-directory css

That way we will be able to clean the files individually in an easier way

What Gael proposed in term of solution is a good basis to do that, with a few more changes needed in the frontend controller.