Google Fonts not optimizing Material Symbols

I'm seeing an issue where Google fonts are not optimizing. I've followed these steps (https://developers.cloudflare.com/speed/optimization/content/fonts/troubleshooting/) and everything looks correct on my end. I've waited over an hour and fonts are still loading via fonts.googleapis.com and fonts.gstatic.com. * I'm not using any fancy hosting provider like Wordpress. It's a Rails app hosted on AWS so there isn't any additional optimizations that could be messing this up. * One thing to note is my google font style url loads both a font and material icons. This works perfectly when loading from google but wondering if this is not supported? * Google recommends you putting in a rel: 'preconnect' stylesheet above the main stylesheet. I've tried both with and without these preconnect stylesheets.
2 Replies
TipsyToothpick
TipsyToothpick6mo ago
Update: As I mentioned I was loading 2 fonts and material icons. It looks like Cloudflare's font festure doesn't supported grouping all these fonts together ina. single <link> tag. You need to split them up. After splitting them up, the two fonts load however the Google material icons still don't seem to work. https://fonts.google.com/icons
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
Bryce Wray
Bryce Wray6mo ago
@TipsyToothpick I have been following the Discord regarding CF Fonts for some months and am discouraged by the apparent lack of interest in this beta product among the CF team. I increasingly wonder whether, after CF announced CFF back in September, Google raised legal objections or otherwise caused CF to “go quiet” on the subject of CFF. I hope not but, if you search the Discord for “Cloudflare Fonts,” the results aren’t comforting. BTW, I have no idea about the item you’re mentioning. Sorry. Just thought I’d toss in that info/perception in case it might help. Which would be the correct server? I’ve been told in the past this was where to go (as opposed to, say, pages-discussions) for questions about Cloudflare Fonts which, as I understand it, is still in beta. general-help? And I have received help here in the past with other beta products. Which is kind of my point. Anyway, thanks for pointing me in the right direction.
Want results from more Discord servers?
Add your server