Image Source

The choice of fonts is one of the most important aspects of a website. The fundamental goal is to transmit words, but fonts are capable of so much more. It is essential to pick a font that is best suited for your brand and style. Fonts have been known to evoke positive emotions in the people who read the words you type. Moreover, the meaning of certain sentences or words can be perceived differently based on the font that you choose. Therefore, fonts can serve both aesthetic as well as practical functions. In this article, let us take a deep dive into how to add fonts to Wix when building your own website.

About Wix

Wix is the most widely used website design platform, catering to more than 110 million people in 190 countries. They boast of more than 45,000 sign-ups each day. What’s more, Wix is completely beginner-friendly, enabling you to build your own websites from scratch. Their drag-and-drop website editor makes it super fun and easy to use. This flexibility makes the platform effortless to learn, even for people with no prior design skills.

Fonts in the Wix Editor

The Wix Editor already provides a ton of customizations that include 96 fine fonts. In 2016, they added a feature allowing you to upload your own fonts to the Wix Editor. The process is seamless and you get the option to add any font of your choice, in a language of your choice. Needless to say, the possibilities seem endless!

How to add fonts to Wix: Detailed Steps

Let us take a look at the detailed steps on how to add fonts to Wix. These steps assume that you already have an account created on Wix, and have also started a new project for your website. This project can be initiated by using any of Wix’s pre-existing website templates.

Step 1: Log in to Wix and select the website that you want to Edit.

Step 2: Once the Wix Editor is open, you can add text elements. They will be added in their default font.

Step 3: Click on the text element whose font you want to change. You will see a few buttons appear below the text element.

Step 4: Click on the ‘Edit Text’ button. This will prompt a menu to appear.

Step 5: From this menu, click on the ‘Fonts’ section. You will see a dropdown containing a list of available fonts.

Step 6: At the end of this dropdown, you will see an option to ‘Upload Fonts’. Click on it. This will open a pop-up.

Step 7: In the pop-up, click on the ‘Upload Fonts’ button. This will allow you to browse your computer for your font file. You can choose the one that you want to upload.

Step 8: Click on ‘Done’ once the font is uploaded.

Image Source

How to use your uploaded font on Wix

Step 1: In your Wix editor, click on the text element whose font you want to change. You will see a few buttons appear below the text element.

Step 2: Click on the ‘Edit Text’ button. This will prompt a menu to appear.

Step 3: From this menu, click on the ‘Fonts’ section. You will see a dropdown containing a list of available fonts.

Step 4: At the top of this dropdown, you will see a section called ‘My Fonts’, where you will be able to see a list of all your uploaded fonts.

Step 5: Select the font that you want to use.

How to add fonts to Wix: Important tips to keep in mind

  • Always make sure that you have the rights required to use a font. There are many fonts available online that are free to use. Whereas some require you to have relevant rights for commercial use.
  • Wix only accepts font files in the TTF, OTF, WOFF, or WOFF2 formats. Make sure you download your font file in the right format.
  • The fonts that you upload on your own cannot be used in Wix Blog and some other apps. Wix Blog is a blogging feature provided as a part of the Wix Editor.
  • If you run into any issues with your uploaded fonts, then Wix does not provide any support for those issues. It might be easier to choose a different font in such scenarios.
  • If the upload of your font file fails, then you can try to convert your font file to a different format using this converter: https://www.fontconverter.org/. Try to upload this converted font file.
  • If you happen to transfer your site to another Wix account, then all the fonts that you have uploaded will continue to work in the new, secondary account. They will all be displayed correctly. The text elements that use your uploaded fonts can be edited using the secondary account. However, this secondary account will not be able to view the list of uploaded fonts in the ‘My Fonts’ section of the ‘Fonts’ dropdown. This list will only be displayed in your account, which is considered to be the primary account in such a case.

How to add fonts to Wix: Best Practices

  • Choosing too many fonts for your website can be distracting. It is often recommended limiting your website to two fonts. In any case, three fonts should be the maximum as you do not want to overwhelm your reader.
  • When deciding on which font to use, try thinking about readability as well as your website’s needs. In sum, the font should complement the overall style of the website.
  • You can always experiment within the same font. For example, bold, italic, uppercase, lower case, spacing between words, etc.
  • A great starting point is to research font families. It will help you narrow down the font family that is best suited to your needs. For example, serif fonts are great for lengthy texts whereas sans serif fonts are better suited for headings and captions. There are three primary font families: Sans Serif, Serif, and Script. Serif fonts are generally considered to be classic and elegant. In contrast, Sans Serif has a more modern and cleaner feel to them. Script fonts are generally harder to read though they look very adorable.

How to delete a font that you added on Wix

Step 1: Click on any text element in your Wix Editor. You will see a few buttons appear below the text element.

Step 2: Click on the ‘Edit Text’ button. This will prompt a menu to appear.

Step 3: From this menu, click on the ‘Fonts’ section. You will see a dropdown containing a list of available fonts.

Step 4: At the end of this dropdown, you will see an option to ‘Upload Fonts’. Click on it. This will open a pop-up, where you will be able to see all your uploaded fonts.

Step 5: Hover over the font that you wish to delete. Upon hovering, you will see an option to Delete the font.

Step 6: Click on the Delete icon. This will open a confirmation pop-up.

Step 7: Confirm by clicking on ‘Delete’.

Step 8: Once deleted, you can close the Upload pop-up and go back to your Wix Editor.

How to find fonts online

Now that we have covered in detail how one can add fonts in Wix, let us now explore how to find fonts online. There are numerous fonts available online and many are often free to use. It is also very easy to locate them. Some fonts may require a small fee, especially if they are to be used for commercial purposes. Listed below are a few websites where you can easily access a wide range of fonts. Also, ensure that you download the font files in formats that are compatible with Wix. Alternately, you can use the font converter linked above to convert the font files to suitable formats.

Websites to explore fonts:

  1. Google Fonts: Google Fonts gives you access to more than 980 fonts across 100+ languages. It is one of the most popular resources for exploring and downloading fonts. As it’s an open-source library of fonts, you can get them all for free.
  2. DaFont: DaFont is another great resource to explore free fonts. The fonts library is available in six languages, along with an impressive categorization system. The platform is very easy to use and to explore different styles of fonts.
  3. 1001 Free Fonts: Another popular resource among creators is 1001 Free Fonts. As the name suggests, you can find plenty of free fonts here – both for personal as well as commercial use.
  4. Font Squirrel: Font Squirrel is a widely used resource to discover new and interesting fonts. The platform also has its own Font Identifier that helps you match a font just by using an image.
  5. Fontspace: Fontspace is home to more than 64,000 fonts. They are all categorized as per the font families and perceived styles. You can also find additional information about each font, enabling you to make an informed decision.