> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mention-me.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Fonts

> Use custom fonts across your referral journey via font URLs or ZIP file uploads.

You can use custom fonts across your referral journey on the website screens, but not on emails. This can be done via font URLs or by uploading a ZIP file.

## Uploading Custom Fonts Using a URL

If you're using fonts from Adobe Typekit or Google Fonts, you can paste the stylesheet into the URL box.

### Adobe Typekit URL

For Adobe Typekit, ensure your fonts are in a "Web Project" and use the URL ending in `.css`:

<Frame caption="Adobe Typekit web project showing font URL">
  <img src="https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019338781.png?fit=max&auto=format&n=W7NAR2QiW081Qihu&q=85&s=6b037988e882300b1cba34e6f48511ec" alt="Adobe Typekit web project showing font URL" width="1728" height="686" data-path="images/knowledge/referral/design/25615019338781.png" />
</Frame>

<Steps>
  <Step title="Navigate to font settings">
    Go to **Content > Themes** in the left-hand side navigation and select the "Manage fonts" button.
  </Step>

  <Step title="Enter your font URL">
    Click the "Change" button, enter your font URL, and click "Save".

    <img src="https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019339677.gif?s=e72a74ac304fc3688a7e8721c41739e8" alt="Entering the font URL in the Mention Me platform" width="746" height="360" data-path="images/knowledge/referral/design/25615019339677.gif" />
  </Step>
</Steps>

### Google Fonts URL

For Google fonts, take the API URL (found when selecting @import) and paste it into the URL box:

<Frame caption="Google Fonts import URL for embedding custom fonts">
  <img src="https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019341085.png?fit=max&auto=format&n=W7NAR2QiW081Qihu&q=85&s=3e6dd407fdff8e86b00f4b963c7d8ce2" alt="Google Fonts import URL for embedding custom fonts" width="1728" height="928" data-path="images/knowledge/referral/design/25615019341085.png" />
</Frame>

Follow the same steps as above: navigate to **Content > Themes** → "Manage fonts" → "Change" → paste URL → "Save".

## Uploading Custom Fonts in a ZIP

Name the font file(s) accordingly — this is how they will appear in the theme editor. Ensure the custom font is in a supported format (`.ttf` file) and zip the file before uploading.

```
fontname-fontweight.ttf
```

<Steps>
  <Step title="Navigate to font settings">
    Go to **Content > Themes** in the left-hand side navigation and select the "Manage fonts" button.
  </Step>

  <Step title="Upload the ZIP file">
    Select the "Upload new font zip" button and select your zip file (may take a few minutes).
  </Step>

  <Step title="Set as current">
    Click the arrow button and confirm by clicking the "Set as current" button.

    <img src="https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615034118045.gif?s=59b0f86828876e1049ec2df1064d773c" alt="Uploading a custom font ZIP file in the platform" width="746" height="360" data-path="images/knowledge/referral/design/25615034118045.gif" />
  </Step>
</Steps>

## Email Fonts

We don't use custom fonts in Mention Me emails.

### Plain Text Emails

The Share by email and the Forwarded email don't have any styling including fonts because they are plain text. When the customer shares these emails, the customer's email client controls the styling.

### Other Emails

In styled emails (the other referrer and referee emails), we don't add custom fonts as we can't guarantee they will be received as designed.

Adding a font to an email is fundamentally different to adding a font to the normal referral flow. With emails, the email will search the environment it lands in for that font (the individual customer's inbox). If the customer doesn't have that font installed on their system, the email will display a default font and may cause other design breakages.

We use web safe fonts to guarantee emails will be received as intended.

### Default Web Safe Fonts

* Arial, sans-serif
* Verdana, sans-serif
* Tahoma, sans-serif
* Trebuchet MS, sans-serif
* Times New Roman, serif
* Georgia, serif
* Garamond, serif
* Courier New, monospace
* Brush Script MT, cursive