# 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.

_Source: https://kopimark.com/docs/guides/custom-fonts/_

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.

> _[image placeholder: Project Settings → Fonts with the upload modal open and the weight picker visible.]_

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

- [Project settings](/docs/settings/project-settings/)
- [Plans and limits](/docs/reference/plans-and-limits/)

---

## All documentation

_The full docs index, in case the answer lives on another page. Fetch any item as raw Markdown by appending `.md` to its URL, or grab everything at once from https://kopimark.com/llms-full.txt._

### Start here

- [Introduction](https://kopimark.com/docs/)
- [Getting started](https://kopimark.com/docs/getting-started/)

### Concepts

- [How KopiMark works](https://kopimark.com/docs/concepts/how-kopimark-works/)
- [Figma sync and cache-only mode](https://kopimark.com/docs/concepts/figma-sync-and-cache/)
- [Roles and workspaces](https://kopimark.com/docs/concepts/roles-and-workspaces/)

### Guides

- [Connect Figma](https://kopimark.com/docs/guides/connect-figma/)
- [If your Figma seat is limited](https://kopimark.com/docs/guides/figma-seat-and-rate-limits/)
- [Invite your team](https://kopimark.com/docs/guides/invite-your-team/)
- [Translate with AI](https://kopimark.com/docs/guides/translate-with-ai/)
- [Review with comments](https://kopimark.com/docs/guides/review-with-comments/)
- [Statuses and approvals](https://kopimark.com/docs/guides/statuses-and-approvals/)
- [Custom fonts](https://kopimark.com/docs/guides/custom-fonts/) _(this page)_
- [Export copy](https://kopimark.com/docs/guides/export-copy/)
- [API and developer tokens](https://kopimark.com/docs/guides/api-and-developer-tokens/)

### Settings

- [A tour of Settings](https://kopimark.com/docs/settings/tour/)
- [Profile settings](https://kopimark.com/docs/settings/profile-settings/)
- [Workspace settings](https://kopimark.com/docs/settings/workspace-settings/)
- [Project settings](https://kopimark.com/docs/settings/project-settings/)

### Reference

- [Plans and limits](https://kopimark.com/docs/reference/plans-and-limits/)
- [Keyboard and canvas](https://kopimark.com/docs/reference/keyboard-and-canvas/)