Website Building » Wix » How Do I Add Google Fonts to Wix?

How Do I Add Google Fonts to Wix?

Last updated on January 3, 2023 @ 9:42 pm

Google Fonts is a great resource for web designers and developers looking to style text on their websites. There are a few different ways to add Google Fonts to Wix, depending on your needs.

The first way to add Google Fonts to Wix is by using the Wix Editor. In the Editor, you can click on the ‘Add’ button and then select ‘Google Fonts’ from the drop-down menu.

GREAT NEWS:

Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.

This will open up a window where you can search for and select the fonts you want to use. Once you’ve selected the fonts you want, click ‘OK’ and they will be added to your site.

The second way to add Google Fonts to Wix is by using CSS. In your Wix account, go to ‘My Sites’ and then click on the ‘Edit Site’ button. This will open up the Wix Editor.

In the Editor, click on the ‘Add’ button and then select ‘HTML/CSS’ from the drop-down menu. This will open up a window where you can enter your CSS code. Paste in the following CSS code:

@import url('https://fonts.googleapis.com/css?family=Lato');

body {
  font-family: 'Lato', sans-serif;
}

Click 'OK' and then 'Publish' your site to see the changes.

The third way to add Google Fonts to Wix is by using the HTML <link> element. This will open up a window where you can enter your HTML code. Paste in the following HTML code:

<link href="https://fonts.com/css?family=Lato" rel="stylesheet"> 

Click 'OK' and then 'Publish' your site to see the changes.

PRO TIP: If you are planning to use Google Fonts on your Wix website, be aware that there are some potential risks.

First, Google Fonts are hosted on Google's servers, which means that your website will be loading resources from Google. This can be a security risk, as Google could potentially modify the fonts or insert malicious code into them.

Second, because Google Fonts are hosted externally, they may not load correctly in all browsers. This could cause your website to look broken or unprofessional.

Finally, using too many Google Fonts on your website can slow it down significantly. This is because each font must be loaded separately, which can take a lot of time. So, use them sparingly!

These are three ways that you can add Google Fonts to Wix.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.