Archived topic
Uploaded fonts not appearing in the customize menu
11 replies · Started by Michael on August 11, 2022
I uploaded a google font to the /public_html/wp-content/themes/generatepress/assets/fonts folder using FTP
I pasted google's CSS into the CSS window
Saved, reloaded and they don't appear in the list of fonts in the customize menu.
I'm sure there's a step I missed there? I didn't add the PHP snippet because I used FTP, not the media library.
Any ideas? Thank you!
Hi there,
in Customizer > Typography -> Add Font.
In the field provided, type in the Name of your font.
Note: The name must be identical to the font-family you added to your @font-face CSS.
DO NOT check the Google Font toggle.
Now when you select Add Typography, you can choose your new font.
As an aside note:
Placing your fonts in the Parent Theme folder is not a good idea.
The Theme update process in WordPress replaces the entire folder. So any changes you make there will be lost when theme is updated.
Either use a Child Theme or the Media Library method to store them
hey David
thanks so much for the quick response!
I already accidentally clicked the 'google fonts' slider. I don't seen an option for 'unselecting' this option.
the name typed in the search window is exactly as described in the CSS font family folder. Still doesn't appear.
I don't want to create a child theme as it's above my pay grade and will probably screw it up.
Instead, I followed Leo's instructional video/page EXACTLY (php snippet, media library upload, etc) .. .and I'm still told that .ttf files can't be uploaded when attempted in the media library. I'm getting really frustrated here, not because of GP issues, I'm just cursed by the wordpress gods, apparently.
Any help would be appreciated, and sorry for being a high maintenance customer here.
Michael
OK, so the .ttf is not required. Just add the .woff and .woff2 variants.
Can i see the site ?
Okay- so if I just go with the other woff formats, and customize the folder prefix in the google css snippet, and upload to the site... the font still doesn't appear. site url in private notes
thanks
Can you move the @font-face CSS to the very TOP of the Customizer > Additional CSS.
Hi David- tried it and it didn't work.
I no longer have the slider for 'google fonts'. is it possible there's a problem because I activated the google fonts in the customizer with the slider, before uploading separately?
Hey David,
I'm giving you user credentials so maybe you can take a quick peek under the hood?
Thanks
Michael
Aah ok, you need to enable the Use Dynamic Typography System in Customizer > General.
Then what i said here will probably make some sense.
I just noticed that can select the desired font now within a page buider, but it doesn't appear in the GP customizer under fonts when I want to make the default for 'body' text.
Fantastic- that solved it. I was wondering why the font customization video's UI didn't match the UI I had on my WP screen.
Thank you!!
Apologies - its usually the first thing i check.
But i am glad to hear its now working :)