TeleportHQ logo| Help center
Go to website
TopicsAll articlesWhy TeleportHQ?Getting startedProjects & dashboardBuild with AIUsing the editorDesign & styling
Design Language
CSS classes
Styling elements
Responsive design
Fonts
Animation & motionImages, icons & filesData & databasesFormsWeb appsOnline storeBookingsBlog & Help CenterSEO, analytics & marketingMultilingual sitesPublishing & domainsImport, export & codeProject settingsWorkspaces & teamworkPlans & billingYour accountTroubleshooting
Help Center›Design & styling›Fonts

Fonts

Use Google Fonts or upload your own.

Articles

How to change the fonts on your site

How to change the fonts on your site

In TeleportHQ, change the font of one text element in the right panel under Text Style → Font Family, or change it for the whole site by editing the default text style in the Design Language panel's Text tab (or, in a site the AI built, the font-family-heading and font-family-body variables); fonts that aren't in the list must be imported or uploaded first in Project settings → Fonts.

How to add Google Fonts

How to add Google Fonts

To use any Google font in TeleportHQ, click the Project settings cog at the bottom of the left sidebar, open Appearance → Fonts, click Import from Google, search for the font and click Import; it then appears in every Font Family list in the editor.

How to upload your own fonts

How to upload your own fonts

To use your own font file in TeleportHQ, click the Project settings cog at the bottom of the left sidebar, open Appearance → Fonts, click Upload font file under Custom fonts, pick a .ttf, .otf, .woff or .woff2 file, check the name, weight and style, and click Add font.

Not finding what you are looking for?

Write us an email
TeleportHQ Logo

© 2026 TeleportHQ