Archived topic
fastest font loading?
6 replies · Started by Streater on July 30, 2021
I've been on this topic before but have gone around in circles with it trying to speed up my site... so I have tried multiple ways to load a Google font not on GP. It's the Chettan Baloo 2 Font.
(1st) Originally (as discussed before), I tried adding with FTP to my child theme... only uploading it's font weight 800 but it was giving me something more like 700.
(2nd) Then I tried adding this to my style.css:
@import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@600;800&display=swap');
But this seemed to be slow loading.
(3rd)Then I tried adding this to my header.php file in my child theme:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@400;500;600;800&display=swap" rel="stylesheet">But you guys said this was slowing my site down too.
Now I am back to the 2nd option.
This seems like they were trying to get the same result as well...
https://generatepress.com/forums/topic/adding-custom-font-via-ftp-child-theme/
What is the fastest way to be doing this?
Hi there,
just follow the steps in this doc:
https://docs.generatepress.com/article/adding-local-fonts/
It means no requests or DNS lookups to the Google Servers are made, whereas the other options you tried will still make those requests.
Yeah the part I am confused about (and another person commented on one of the links above) is it says this on that page:
Note: If you’re comfortable with uploading files to your server via FTP, you can skip this step and simply upload your font files to your child theme.
I uploaded all the Baloo Chettan 2 font weights I want via FTP but I don't understand what step is next. There is only one Font weight I get... is that one standard on GP or WP because I don't know how I got that one but not the ones I want.
Thanks
When uploading to FTP you skip over to the next heading, and continue from there:
https://docs.generatepress.com/article/adding-local-fonts/#using-font-face
Aside from the System Fonts listed in the Customizer, all other fonts are Google fonts, GP shows a selected list of them.
Now it doesn't load any version of the font... it's just cursive now.
No idea how it was only loading one font weight of Baloo Chettan 2 before.
FYI I restored my site so you won't see the problem... thinking it's fast enough for now
Glad to hear that!
