Skip to content
Documentation

Custom fonts

Upload .woff2 or .otf brand fonts to KopiMark so the editor renders your copy in the real typeface from the Figma design, not a generic fallback sans.

Open as Markdown Full docs bundle

Open this page in

Figma renders text with whichever fonts your local machine has installed. KopiMark renders text on its own servers, so unless you tell it about your brand fonts, it’ll fall back to a generic sans. Uploading the real font means the canvas (and exported screenshots) look exactly like the design.

What you’ll need

  • The font file(s), in .woff2 (preferred) or .otf.
  • The Figma family name the file should override (e.g. Inter, Söhne). You’ll usually want one file per weight you actually use.

KopiMark doesn’t subset or compress your font — upload the same files you ship to your website.

Upload a font

  1. Open a project and go to Project Settings → Fonts.

  2. Click Upload font.

  3. Pick the .woff2 or .otf file from your computer.

  4. Choose the weight (100 through 900) that the file represents.

  5. Confirm. KopiMark stores the file, links it to the matching Figma family, and re-renders the affected pages.

Repeat for each weight you use in the design. A typical brand setup is three to five files: regular, medium, semibold, bold, and maybe italic.

Verify it worked

  1. Open any page that uses the family you just uploaded.

  2. The canvas should re-render with the real font. If a node still looks off, check that the weight matches — designers sometimes use Semibold where you uploaded Bold.

  3. If you don’t see the change, hard-refresh the page. KopiMark aggressively caches rendered screenshots, but new font uploads invalidate them on the next view.

Delete or replace a font

In the same Fonts section, each uploaded font row has a delete action. Deleting a font reverts those weights to the fallback.

To replace, delete the existing file and upload the new one. There’s no in-place update — the upload is the source of truth.

Font scope

Uploaded fonts are project-scoped: each project has its own font library. There’s no workspace-level font store yet.

If you have one brand across many projects, you’ll re-upload per project. Most teams accept this because different projects sometimes use different licensed weights.

Licensing

You’re responsible for having the right to use any font you upload. KopiMark stores font files privately to your workspace — they’re not shared between workspaces, and they’re not served at predictable public URLs — but please don’t upload fonts you don’t own a licence for.

See also

Start typing to search the docs.