Studio Editor: Using Different Text Fonts
5 min read
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.
In this article, learn more about:
Using your own fonts
Upload your own fonts to Studio Editor so that you can 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:
- Select the relevant text element in the Editor.
- Click Edit Text.
- Click the Open Inspector arrow
at the top right of the Editor. - Scroll down to Design and click the Font drop-down.
- Click Upload Fonts at the bottom.
- (In the pop-up) Click Upload Fonts and select your font file (TTF, OTF, WOFF2 or WOFF).
- Click Close once the font has uploaded.
What's next?
Your font is now available to use across your site. You can find it in the Font drop-down, under My Fonts.
Using heavy custom fonts in typography styles?
Enable the Optimize site loading with default fonts toggle in the Typography tab in the Site Styles panel.
This instructs the visitor's browser to temporarily display a quick-to-load default font, until the custom font fully downloads.
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:
- Select the relevant text element in the Editor.
- Click Edit Text.
- Click the Open Inspector arrow at the top right of the Editor.
- Scroll down to Design and click the Font drop-down menu.
- Click the Languages icon
at the bottom. - Select the checkbox next to the relevant language(s).
- 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.
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:
- Using a PC: Copy and paste the characters into the text box from this link, or use the keyboard combinations listed here.
- Using a Mac: While entering the text, hold down the relevant letter on your keyboard and select the accent. Learn more about typing special characters in Mac.
Deleting uploaded fonts
Keep your uploaded fonts organized by deleting the ones you no longer need.
To delete an uploaded font:
- Select the relevant text element in the Editor.
- Click Edit Text.
- Click the Open Inspector arrow at the top right of the Editor.
- Scroll down to Design and click the Font drop-down menu.
- Click Upload Fonts.
- Hover over the relevant font and click the Delete icon
. - 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.
FAQs
Click below to learn more about using your own fonts in the Studio Editor:
What font formats are supported?
I'm experiencing issues uploading a font to the Editor
Are there areas that don't support using my uploaded fonts?
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.
Did this help?
|