header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Studio Editor: Using Different Text Fonts

7 min
In this article
  • Searching and filtering fonts
  • Using your own fonts
  • Changing font weights
  • Adding fonts for non-English alphabets
  • Using accented characters in your text
  • Deleting uploaded fonts
  • FAQs
Use your own fonts in Studio Editor sites. If the site you're working on is in a different language than English, you can upload fonts that work perfectly with that specific language.

Searching and filtering fonts

Want to apply a specific font to your text? Use the Fonts panel to easily search for it. You can also filter the options to quickly find fonts you've uploaded. 

To search and filter fonts:

  1. Select the relevant text element in the editor. 
  2. Click the Open Inspector icon  at the top right of the editor. A cropped view of a cursor clicking the open inspector arrow.
  3. Scroll down to Design and click the Font drop-down.
  4. Choose how you want to find a font:
    • Search: Enter the font's name into the search bar to quickly locate it.
    • Filter: Click the drop-down and select All fonts or Uploaded fonts.
A cropped view of the search fonts bar.
Note:
This option is not yet available for all elements that use text in the Studio Editor.

Using your own fonts

Upload your own fonts to Studio Editor to use them in text elements, and anywhere else you can choose a font (e.g. buttons, form and menu).
Before you begin:
Make sure that you have the rights to use the fonts you upload.

To upload a font to the editor:

  1. Select the relevant text element in the editor. 
  2. Click the Open Inspector icon  at the top right of the editor.
  3. Scroll down to Design and click the Font drop-down. 
  4. Click Upload fonts at the bottom. 
  5. (In the pop-up) Click Upload Fonts and select your font file (TTF, OTF, WOFF2 or WOFF).
  6. Click Close once the font has uploaded.
What's next?
Your font is now available to use across your client's site. You can find it in the Font drop-down, under Uploaded fonts.
The Font picker in the Inspector on a studio editor site. The cursor is clicking Upload Fonts.

Changing font weights

You can change the weight of some fonts (Regular, Bold, etc.). Using different weights of the same font can keep the design consistent, and ensure a cohesive experience for site visitors.
Notes:
  • Weights are not available on all fonts.
  • This option is not yet available on all elements that use text in the Studio Editor.

To change a font's weight:

  1. Select the relevant text element in the editor. 
  2. Click the Open Inspector icon  at the top right of the editor.
  3. Scroll down to Design.
  4. Click the second drop-down under Font, and select the weight you want.
The font section of a text's design in the inspector. The cursor is clicking Regular in the drop-down.

Adding fonts for non-English alphabets

If your site is in a language with a non-English alphabet (e.g. Arabic, Cyrillic, Japanese), you can add compatible fonts with the characters you need.

To add language fonts:

  1. Select the relevant text element in your editor. 
  2. Click the Open Inspector icon  at the top right of the editor. The cursor is clicking the open inspector arrow, which is also highlighted.
  3. Scroll down to Design and click the Font drop-down menu. 
  4. Click the Add languages icon
    Note: Depending on the element, you may see Add Language instead of the icon.
  5. Select the checkbox next to the relevant language(s).
  6. Click Save.
What's next?
The language fonts you select will be available in every font menu in Studio Editor. The Font drop-down is organized by language so you can choose one that's compatible.
A screenshot of the Add Languages panel in Studio Editor.
Are there more languages you'd like to see?
Let us know by contacting Customer Care.

Using accented characters in your text

You can use accented characters in your text in the Studio Editor. The way to do that depends on your device:

Deleting uploaded fonts

Keep your uploaded fonts organized by deleting the ones you no longer need.

To delete an uploaded font:

  1. Select the relevant text element in the editor. 
  2. Click the Open Inspector icon  at the top right of the editor. A cropped view of a cursor clicking the open inspector arrow.
  3. Scroll down to Design and click the Font drop-down menu. 
  4. Click Upload fonts.
  5. Hover over the relevant font and click the Delete icon .
  6. Click Delete to confirm.
Note:
The font file is deleted from your account. If it is being used in text elements, it will still appear.
A screenshot of the Manage Your Fonts panel, clicking the Delete icon to remove an uploaded font

FAQs

Click below to learn more about using your own fonts in the Studio Editor:
Important:
Wix has licenses for the fonts in the editor. They are available for digital use ONLY and within your Wix site. For more information, view the Wix Terms of Use. You cannot download the fonts to use, but you may find the open source versions and install them to your computer. Be careful with fonts found in external URLs. These are not owned by Wix so you need to contact the author for permission to use them.