How to Fix Google Fonts Missing From Webflow's Font Picker
If your Google font is missing in Webflow’s font picker, or the family appears but the weight you need is nowhere to be found, this tutorial walks through the exact fixes shown in the Designer and Site settings. It starts from the common missing-font starting state and goes through the practical paths to get the font working again. By the end, you’ll be able to add the font, refresh Webflow, and apply it with the right available weights.
Covered inside:
→ Checking the missing-font starting state in Webflow’s Typography font dropdown
→ Opening Site settings and adding a Google Font from the Fonts section
→ Selecting font variants, including full weight and italic options
→ Refreshing the Designer and applying the newly added font to text
→ Re-adding a font family when the Weight dropdown is missing needed options
→ Using the custom font fallback by uploading TTF files in Site settings
Which fix worked for you: adding the Google Font in Site settings, re-adding it with every variant checked, or uploading the custom font files instead?
If you had to use the fallback, did Webflow group your uploaded files cleanly into one family?
#Webflow #GoogleFonts #WebflowDesigner #FontPicker #TypographySettings #CustomFonts #WebDesignTutorial #NoCodeWorkflow #WebflowFonts #SiteSettings #FontWeightFix #Webflow2026