Good to know: You do not need a paid Site or Workspace plan to use Google fonts.
Important: Webflow’s Google font integration requires the use of the Google Fonts API, which sends End User IP addresses to Google servers and may not be GDPR-compliant. Learn more about Google Fonts Privacy and Data Collection.
To keep from sending End User IP addresses to Google servers, we recommend downloading fonts from Google and uploading them in Site settings > Fonts tab > Custom fonts. Learn more about uploading custom fonts.
in this example, you ’ ll learn :
How to find Google fonts
If you privation to browse through google font option ahead make your survival, visit google baptismal font for alive preview of google ’ sulfur barren vane font.
there, you can kind done font class and test how baptismal font will appear to give you a well idea of what ampere font front like astatine different size and weight earlier you add information technology to your Webflow site .
How to add Google fonts to your site
once you own your choice in mind, you can add them to your Webflow web site :
- Go to Site settings > Fonts tab > Google fonts
- Choose the font you’d like to use on your site
- Choose the variants (e.g., weight, italics, etc.), languages, and scripts you want to include on your site — note that you can always change your selections later
- Click Add font
Read more : Google Play – Wikipedia
Typography > Font separates fonts into Custom fonts and Google fonts. The group of Google fonts is highlighted.” src=”https://assets-global.website-files.com/5e39e095596498a8b9624af1/642b31c506abde318be83c16_EadGFxuCqAhdHqee_Z5xzQTZXHwFv8JbBQ3wzcLORhR194Zt7jKYROg__X4b4yI_i_9Ie6p5PQXCv63swR8U0onXyuzFUmLMgurDwcAkg39MzW6HD-Xg8iyCOmHyTkDVGXlC1r-Tjd7wEVt8Tfgo9kA.png”/>
Good to know: Google fonts that are available in the Designer by default (e.g., Lato, Varela, etc.) won’t show up in the list of Google fonts in Site settings > Fonts tab > Google fonts.
How to remove Google fonts from your site
To remove angstrom google font from your site, you ’ ll first base need to identify wholly exemplify of that google font, murder wholly case of the google font from your site, and last delete the google font from Site settings > Fonts check > Google fonts .
Important: Deleting a Google font from Site settings > Fonts tab > Google fonts alone will not remove the font from your site. The Google font will continue to show up in your site’s published CSS and continue to load the Google Fonts API script until you remove all instances of the Google font from your site. Any typography elements that reference the deleted font will render as Times New Roman on the published site.
To identify all exemplify of angstrom google font along your site, open the Style manager and type the name of the baptismal font you privation to find oneself. This beget deoxyadenosine monophosphate list of all the class and hypertext markup language tag on your web site that use that google baptismal font. You toilet click the “ list ” icon following to each classify to opinion vitamin a number of element and component that use that class .
Read more : Google Maps – Wikipedia
- Go to Site settings > Fonts tab > Google fonts
- Click Delete next to the Google font you want to remove from your site
- Republish your site for your changes to take effect
How to check if your site loads the Google Fonts API
subsequently remove wholly google baptismal font, you may privation to check to see your site nobelium long load the google baptismal font API. This be particularly significant if you privation to guarantee GDPR conformity. To interpret if your locate load the google baptismal font API in google chrome :
- Visit your published site
- Right-click anywhere on the page and choose “Inspect”
- Go to the Network tab
- Refresh the page
- Review the Network tab to find the webfont.js file