Skip to main content

Fonts & Media

Your fonts and media are a big part of your brand. Kite lets you apply custom fonts and add media so your site looks and feels like yours, not a template.

Using brand or custom fonts​

You can ask Kite to use a specific font across your site or in a particular spot.

  1. Decide where the font should apply — the whole site, just headings, or one section.
  2. Tell Kite the font name. For example:

Use "Poppins" for all headings and "Inter" for body text across the whole site.

  1. Preview and check that text is still readable at all sizes.
tip

Be specific about where the font goes. "Use this font for headings" gives a cleaner result than "change the font," which can leave some text behind.

Uploading a custom font file​

If your brand uses a font that isn't a common web font, you can upload the font file.

  1. Have your font file ready in a supported format: .otf or .woff2.
  2. Upload the font file.
  3. Ask Kite to apply it — for example:

Apply the font I just uploaded to all headings on the site.

note

If you have your font in both formats, .woff2 is generally the most efficient choice for the web.

caution

Make sure you have the right to use any custom font you upload. Some fonts require a license for use on a website.

Adding video​

You may be able to add video to your site — for example a background clip or an embedded clip in a section.

To try it, describe what you want:

Add a background video to the hero section on the Home page using the file I'm uploading.

If video isn't available the way you need it, a common alternative is to embed a hosted video (for example from a video platform) — ask Kite what's supported.

General media tips​

  • Keep files reasonably sized. Very large media files can slow down your page for visitors.
  • Use good source quality. Kite can't improve a low-quality original.
  • Check mobile. Media that looks great on desktop can crop or overflow on phones — see Mobile & Responsive Design.
  • Make one change at a time. Apply a font, preview it, then move on, so it's easy to see what each change did.

Troubleshooting​

  • Font didn't apply everywhere: Tell Kite specifically which text should use it (headings, body, buttons), one area at a time.
  • Uploaded font won't load: Confirm the file is a supported format (.otf or .woff2) and try re-uploading.
  • Video won't add or play: Confirm video support with Kite, and consider an embedded hosted video instead.
  • A media change isn't showing live: Publish again and refresh — see Changes Not Showing.