SoNET Web Engine, user support.

How-To Customize Your Website. Videos and articles.

Help Center Look & Design

Change your site's font and text size

On the Template Kit's Font tab you choose the font of your site's text from more than 1,600 fonts, and the size of the text.

Watch it done: a short silent video with captions · 0:57. The steps below show the same thing picture by picture.

Before you start

  • Log in and open ADMIN › Template Kit.

Find a font

Step 1. In the Template Kit, open the Font tab.

Step 1: In the Template Kit, open the Font tab.

Step 2. Reset Font puts your template's own fonts back (not clicked in this video).

Step 2: Reset Font puts your template's own fonts back (not clicked in this video).

Step 3. Narrow the list by kind of font: display, handwriting, monospace, sans-serif or serif. Tick "Standard fonts only" to see only the fonts every computer has.

Step 3: Narrow the list by kind of font: display, handwriting, monospace, sans-serif or serif. Tick "Standard fonts only" to see only the fonts every computer has.

Step 4. Or type part of a font's name in the search box.

Step 4: Or type part of a font's name in the search box.

Step 5. Click the font you want. Its name appears under the list.

Step 5: Click the font you want. Its name appears under the list.

Size and preview

Step 6. Choose the text size, and its unit: pt (points) or px (pixels).

Step 6: Choose the text size, and its unit: pt (points) or px (pixels).

Step 7. Click Apply Preview: the preview on the right uses the new font.

Step 7: Click Apply Preview: the preview on the right uses the new font.

Fonts in use

Step 8. Further down, Fonts in use lists every font your site's styles name, each drawn in its own face.

Step 8: Further down, Fonts in use lists every font your site's styles name, each drawn in its own face.

Step 9. A font that your Custom CSS names can be swapped for another one: pick it and click Replace. The Custom CSS box takes the change; Apply Preview shows it, and Save keeps it (not clicked in this video).

Step 9: A font that your Custom CSS names can be swapped for another one: pick it and click Replace. The Custom CSS box takes the change; Apply Preview shows it, and Save keeps it (not clicked in this video).

Let the Template Kit suggest fonts

Step 10. Not sure which font? Click Suggest fonts: it picks fonts for you and fills them in. Suggest fonts replaces the fonts you picked; choose again if you prefer your own.

Step 10: Not sure which font? Click Suggest fonts: it picks fonts for you and fills them in. Suggest fonts replaces the fonts you picked; choose again if you prefer your own.

Step 11. Click Apply Preview again to see the suggestion.

Step 11: Click Apply Preview again to see the suggestion.

Save or leave

Step 12. Save makes the fonts live (not clicked in this video).

Step 12: Save makes the fonts live (not clicked in this video).

Step 13. Leave without saving and your site keeps its current font.

Step 13: Leave without saving and your site keeps its current font.

Check it worked

After saving, open a page with a lot of text as a visitor, on a computer and on a phone.

Good to know

  • Use the section editor's Font and Size lists to change the font of just a few words.

Related help

Shown on the 2026 version of the SoNET Web Engine. Last checked 9 November 2026. Something different on your screen? Tell us through the Contact page.