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.
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
1
Navigate to Font Settings
Go to Content > Themes in the left-hand side navigation and select the Manage fonts button.
2
Upload the ZIP File
Select the Upload new font zip button and select your zip file (may take a few minutes).
3
Set as Current
Click the arrow button and confirm by clicking the Set as current button.
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.
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.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Mention Me Docs","colors":{"primary":"#4C57E6","light":"#FF3EB5","dark":"#21174B"},"logo":{"light":"https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/logo/light.svg?fit=max\u0026auto=format\u0026n=V2LNKGCh7ROBia07\u0026q=85\u0026s=747c8cd37a71a653a020675616c849f3","dark":"https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/logo/dark.svg?fit=max\u0026auto=format\u0026n=V2LNKGCh7ROBia07\u0026q=85\u0026s=100c40618765923e52d9db84344692e6"},"favicon":"https://mintcdn.com/mentionme/Dcv4Ct-ZIyuK4Pcd/favicon.ico?fit=max\u0026auto=format\u0026n=Dcv4Ct-ZIyuK4Pcd\u0026q=85\u0026s=cc9c8c8b015455ba82e2820c8306a4ab","background":{"color":{"light":"#FFFFFF","dark":"#22272E"}},"navbar":{"primary":{"type":"button","label":"Contact support","href":"https://help.mention-me.com/hc/en-gb/requests/new"}},"footer":{"socials":{"x":"https://x.com/mentionme","linkedin":"https://linkedin.com/company/mention-me"},"links":[{"header":"Company","items":[{"label":"Website","href":"https://www.mention-me.com"},{"label":"Platform","href":"https://app.mention-me.com"},{"label":"Support","href":"https://help.mention-me.com/hc/en-gb/requests/new"},{"label":"Status","href":"https://status.mention-me.com"}]}]},"seo":{"metatags":{"og:site_name":"Mention Me Docs"}},"errors":{"404":{"redirect":true,"title":"Page not found","description":"The page you're looking for may have moved. Try searching or head back to the [home page](/knowledge/getting-started/overview)."}},"contextual":{"options":["assistant","copy","claude","chatgpt","cursor","mcp","add-mcp"],"display":"toc"},"metadata":{"timestamp":true},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Submit a Request","icon":"headset","href":"https://help.mention-me.com/hc/en-gb/requests/new"},{"anchor":"Platform","icon":"gauge","href":"https://app.mention-me.com"},{"anchor":"Status","icon":"signal","href":"https://status.mention-me.com"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"mentionme","hasAudioNarration":false,"actualSubdomain":"mentionme","customDomains":["docs.mention-me.com"],"gitSource":{"type":"github","owner":"mention-me","repo":"mention-me-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true,"agentFeedback":true},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"REMOVE_BRANDING":{"status":"DISABLED"},"CONTEXTUAL_FEEDBACK":{"status":"DISABLED"},"CODE_SNIPPET_FEEDBACK":{"status":"DISABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6af2019b0da5396f96340ce0","clientVersion":"0.0.4102","searchFilterCounts":[{"language":"default","tag":"Guides","count":365},{"language":"default","tag":"Integrations","count":73},{"language":"default","tag":"Referral","count":57},{"language":"default","tag":"Documentation","count":50},{"language":"default","tag":"API \u0026 Webhooks","count":45},{"language":"default","tag":"Customers","count":44},{"language":"default","tag":"Reporting","count":43},{"language":"default","tag":"Campaigns","count":42},{"language":"default","tag":"ESP \u0026 CRM Integrations","count":38},{"language":"default","tag":"Getting Started","count":32}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"custom.css","content":".mm-partner-badge{padding:0 16px 8px;margin-bottom:10px}.mm-partner-badge-inner{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 10px;font-size:12px;line-height:1.3;color:#9ca3af;border:1px solid rgba(0, 0, 0, 0.07);border-radius:6px}.dark .mm-partner-badge-inner{border-color:rgba(255, 255, 255, 0.08)}.mm-partner-badge-content{min-width:0}.mm-partner-badge-context{color:#9ca3af}.dark .mm-partner-badge-context{color:#6b7280}.mm-partner-badge-name{font-weight:500;color:#6b7280}.dark .mm-partner-badge-name{color:#9ca3af}.mm-partner-badge-code{font-family:ui-monospace, SFMono-Regular, Menlo, monospace;color:#9ca3af}.dark .mm-partner-badge-code{color:#6b7280}.mm-partner-badge-reset{all:unset;flex-shrink:0;font-size:13px;line-height:1;color:inherit;cursor:pointer;opacity:0.3}.mm-partner-badge-reset:hover{opacity:0.7}.mm-partner-badge-switch{all:unset;flex-shrink:0;font-size:11px;line-height:1;color:#6b7280;text-decoration:underline;text-underline-offset:2px;cursor:pointer;opacity:0.8}.mm-partner-badge-switch:hover{opacity:1}.dark .mm-partner-badge-switch{color:#9ca3af}.mm-partner-badge-reenable{all:unset;color:#6b7280;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.mm-partner-badge-reenable:hover{color:#4b5563}.dark .mm-partner-badge-reenable{color:#9ca3af}.dark .mm-partner-badge-reenable:hover{color:#d1d5db}pre code{width:auto!important;min-width:0!important;max-width:100%!important;padding:0!important;word-break:break-all!important;overflow-wrap:break-word!important;white-space:pre-wrap!important}body:has(.docs-home) #header,body:has(.docs-home) #page-title{display:none}body:has(.docs-home) #content-container,body:has(.docs-home) article,body:has(.docs-home) .prose{max-width:none}html:has(.docs-home){background-color:#ffffff}body:has(.docs-home){background:transparent}body:has(.docs-home) #background-color{background-color:#ffffff;background-image:radial-gradient(ellipse 120% 80% at 50% -10%, #c9cef8 0%, transparent 58%),\n radial-gradient(ellipse 70% 55% at 0% 30%, #f7cce8 0%, transparent 55%),\n radial-gradient(ellipse 60% 50% at 100% 15%, #d4d8f8 0%, transparent 50%);background-repeat:no-repeat}html.dark:has(.docs-home){background-color:#22272e}html.dark body:has(.docs-home){background:transparent}html.dark body:has(.docs-home) #background-color{background-color:#22272e;background-image:radial-gradient(ellipse 120% 80% at 50% -10%, #3d4280 0%, transparent 58%),\n radial-gradient(ellipse 70% 55% at 0% 30%, #5a3350 0%, transparent 55%),\n radial-gradient(ellipse 60% 50% at 100% 15%, #3a3f73 0%, transparent 50%);background-repeat:no-repeat}body:has(.docs-home) main,body:has(.docs-home) #content-container{min-height:100vh;background:transparent}.docs-home{width:100%;padding:0 1.25rem 5rem}.docs-home-inner{max-width:72rem;margin:0 auto}.docs-home-hero{max-width:1000px;padding:5.5rem 0 2.75rem;margin:0 auto;text-align:center}.docs-home-title{max-width:1000px;margin:0 auto 2.5rem;font-size:4rem;font-weight:600;line-height:4.5rem;color:#21174b;letter-spacing:-1px}.dark .docs-home-title{color:#f4f2fb}.docs-home-lede{margin:0;font-size:1rem;line-height:1.45;color:#5c5674}.docs-home-why{margin:1.15rem 0 0}.docs-home-why a{display:inline-flex;gap:0.45rem;align-items:center;padding:0.5rem 0.95rem 0.5rem 0.75rem;font-size:0.9rem;font-weight:500;line-height:1.2;color:#21174b;text-decoration:none;background:rgba(255, 255, 255, 0.72);border:1px solid rgba(33, 23, 75, 0.2);border-radius:999px}.docs-home-why a:hover{color:#4c57e6;border-color:#4c57e6}.docs-home-why a svg{width:1rem;height:1rem}.dark .docs-home-why a{color:#f4f2fb;background:rgba(34, 39, 46, 0.55);border-color:rgba(255, 255, 255, 0.2)}.dark .docs-home-why a:hover{color:#c5c9f8;border-color:#c5c9f8}.docs-home-platforms{max-width:650px;margin:0 auto}.docs-home-section-title{margin:3.5rem 0 1.75rem;font-size:1.75rem;font-weight:600;line-height:2.25rem;color:#21174b;text-align:center;letter-spacing:-0.5px}.dark .docs-home-section-title{color:#f4f2fb}.docs-home-topics{margin-top:0}.dark .docs-home-lede{color:#b4afc6}@media (max-width: 640px){.docs-home-title{font-size:2.5rem;line-height:2.85rem}}.cl-meta{display:flex;flex-wrap:wrap;gap:0.4rem 0.55rem;align-items:center;margin:0 0 1.25rem;font-size:0.8rem;font-weight:500;line-height:1.2;color:#5c5674}.cl-meta-date{font-variant-numeric:tabular-nums}.dark .cl-meta{color:#b4afc6}.cl-pill{display:inline-flex;align-items:center;padding:0.18rem 0.5rem;font-size:0.7rem;font-weight:600;line-height:1.2;letter-spacing:0.01em;border-radius:999px}.cl-pill-new{color:#4c57e6;background:rgba(76, 87, 230, 0.1)}.cl-pill-improved{color:#5c5674;background:rgba(33, 23, 75, 0.06)}.cl-pill-fixed{color:#8a2e6a;background:rgba(255, 62, 181, 0.1)}.cl-pill-area{color:#5c5674;background:transparent;border:1px solid rgba(33, 23, 75, 0.12)}.dark .cl-pill-new{color:#c5c9f8;background:rgba(76, 87, 230, 0.22)}.dark .cl-pill-improved{color:#d5d1e4;background:rgba(255, 255, 255, 0.06)}.dark .cl-pill-fixed{color:#f5b6dd;background:rgba(255, 62, 181, 0.16)}.dark .cl-pill-area{color:#d5d1e4;border-color:rgba(255, 255, 255, 0.14)}.cl-pill-platform-update{color:#21174b;background:rgba(76, 87, 230, 0.1)}.dark .cl-pill-platform-update{color:#c5c9f8;background:rgba(76, 87, 230, 0.22)}.cl-author{margin:0.85rem 0 0;font-size:0.875rem;font-weight:600;color:#21174b}.dark .cl-author{color:#f4f2fb}"}],"page":{"pagePath":"knowledge/referral/design/custom-fonts","slug":"/knowledge/referral/design/custom-fonts","pageMetadata":{"title":"How to Add Custom Fonts","description":"Use custom fonts across your referral journey via font URLs or ZIP file uploads.","href":"/knowledge/referral/design/custom-fonts"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Use custom fonts across your referral journey via font URLs or ZIP file uploads.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={code:`code`,li:`li`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{CodeBlock,Frame,Heading,OptimizedImage,Step,Steps}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`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.`}),`\n`,_jsx(Heading,{level:`2`,id:`uploading-custom-fonts-using-a-url`,children:`Uploading Custom Fonts Using a URL`}),`\n`,_jsx(_components.p,{children:`If you’re using fonts from Adobe Typekit or Google Fonts, you can paste the stylesheet into the URL box.`}),`\n`,_jsx(Heading,{level:`3`,id:`adobe-typekit-url`,children:`Adobe Typekit URL`}),`\n`,_jsxs(_components.p,{children:[`For Adobe Typekit, ensure your fonts are in a “Web Project” and use the URL ending in `,_jsx(_components.code,{children:`.css`}),`:`]}),`\n`,_jsx(Frame,{caption:`Adobe Typekit web project showing font URL.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019338781.png?fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=6b037988e882300b1cba34e6f48511ec`,alt:`Adobe Typekit web project showing font URL`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`686`,height:`686`,\"data-path\":`images/knowledge/referral/design/25615019338781.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019338781.png?w=280\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=8f9a7b3de2620a6b0b542f10a258ef0c 280w, https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019338781.png?w=560\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=6d08f4c69c210e8acf731117da08240e 560w, https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019338781.png?w=840\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=c3571c612319af7c4598e835a160d405 840w, https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019338781.png?w=1100\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=3b06169d36b80088833c152756de9df0 1100w, https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019338781.png?w=1650\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=70082073b6c780f3ba53f392eee269a5 1650w, https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019338781.png?w=2500\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=ef92e8506a0029ea1553c53bba8116cc 2500w`})}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Navigate to Font Settings`,children:_jsxs(_components.p,{children:[`Go to `,_jsx(_components.strong,{children:`Content > Themes`}),` in the left-hand side navigation and select the `,_jsx(_components.strong,{children:`Manage fonts`}),` button.`]})}),_jsxs(Step,{title:`Enter Your Font URL`,children:[_jsxs(_components.p,{children:[`Click the `,_jsx(_components.strong,{children:`Change`}),` button, enter your font URL, and click `,_jsx(_components.strong,{children:`Save`}),`.`]}),_jsx(Frame,{caption:`Entering the font URL in the Mention Me platform.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019339677.gif?s=e72a74ac304fc3688a7e8721c41739e8`,alt:`Entering the font URL in the Mention Me platform`,\"data-og-width\":`746`,width:`746`,\"data-og-height\":`360`,height:`360`,\"data-path\":`images/knowledge/referral/design/25615019339677.gif`,\"data-optimize\":`true`,\"data-opv\":`3`})})]})]}),`\n`,_jsx(Heading,{level:`3`,id:`google-fonts-url`,children:`Google Fonts URL`}),`\n`,_jsx(_components.p,{children:`For Google fonts, take the API URL (found when selecting @import) and paste it into the URL box:`}),`\n`,_jsx(Frame,{caption:`Google Fonts import URL for embedding custom fonts.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019341085.png?fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=3e6dd407fdff8e86b00f4b963c7d8ce2`,alt:`Google Fonts import URL for embedding custom fonts`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`928`,height:`928`,\"data-path\":`images/knowledge/referral/design/25615019341085.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019341085.png?w=280\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=4f85b44b5a7e293da3e4643d2076adde 280w, https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019341085.png?w=560\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=17b836fda4e4c69bf3e1c7a075bb5f94 560w, https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019341085.png?w=840\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=c6be9821706d28aa0da33100a161ddb5 840w, https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019341085.png?w=1100\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=dffb66c69f513903b23c894dbaefc086 1100w, https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019341085.png?w=1650\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=9c8def0499a999054c66134f78feb682 1650w, https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615019341085.png?w=2500\u0026fit=max\u0026auto=format\u0026n=W7NAR2QiW081Qihu\u0026q=85\u0026s=c9ab768729e9eb6d03c4d994b96710f0 2500w`})}),`\n`,_jsxs(_components.p,{children:[`Follow the same steps as above: navigate to `,_jsx(_components.strong,{children:`Content > Themes`}),` → `,_jsx(_components.strong,{children:`Manage fonts`}),` → `,_jsx(_components.strong,{children:`Change`}),` → paste URL → `,_jsx(_components.strong,{children:`Save`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`uploading-custom-fonts-in-a-zip`,children:`Uploading Custom Fonts in a ZIP`}),`\n`,_jsxs(_components.p,{children:[`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 (`,_jsx(_components.code,{children:`.ttf`}),` file) and zip the file before uploading.`]}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`fontname-fontweight.ttf`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Navigate to Font Settings`,children:_jsxs(_components.p,{children:[`Go to `,_jsx(_components.strong,{children:`Content > Themes`}),` in the left-hand side navigation and select the `,_jsx(_components.strong,{children:`Manage fonts`}),` button.`]})}),_jsx(Step,{title:`Upload the ZIP File`,children:_jsxs(_components.p,{children:[`Select the `,_jsx(_components.strong,{children:`Upload new font zip`}),` button and select your zip file (may take a few minutes).`]})}),_jsxs(Step,{title:`Set as Current`,children:[_jsxs(_components.p,{children:[`Click the arrow button and confirm by clicking the `,_jsx(_components.strong,{children:`Set as current`}),` button.`]}),_jsx(Frame,{caption:`Uploading a custom font ZIP file in the platform.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/W7NAR2QiW081Qihu/images/knowledge/referral/design/25615034118045.gif?s=59b0f86828876e1049ec2df1064d773c`,alt:`Uploading a custom font ZIP file in the platform`,\"data-og-width\":`746`,width:`746`,\"data-og-height\":`360`,height:`360`,\"data-path\":`images/knowledge/referral/design/25615034118045.gif`,\"data-optimize\":`true`,\"data-opv\":`3`})})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`email-fonts`,children:`Email Fonts`}),`\n`,_jsx(_components.p,{children:`We don’t use custom fonts in Mention Me emails.`}),`\n`,_jsx(Heading,{level:`3`,id:`plain-text-emails`,children:`Plain Text Emails`}),`\n`,_jsx(_components.p,{children:`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.`}),`\n`,_jsx(Heading,{level:`3`,id:`other-emails`,children:`Other Emails`}),`\n`,_jsx(_components.p,{children:`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.`}),`\n`,_jsx(_components.p,{children:`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.`}),`\n`,_jsx(_components.p,{children:`We use web safe fonts to guarantee emails will be received as intended.`}),`\n`,_jsx(Heading,{level:`3`,id:`default-web-safe-fonts`,children:`Default Web Safe Fonts`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Arial, sans-serif`}),`\n`,_jsx(_components.li,{children:`Verdana, sans-serif`}),`\n`,_jsx(_components.li,{children:`Tahoma, sans-serif`}),`\n`,_jsx(_components.li,{children:`Trebuchet MS, sans-serif`}),`\n`,_jsx(_components.li,{children:`Times New Roman, serif`}),`\n`,_jsx(_components.li,{children:`Georgia, serif`}),`\n`,_jsx(_components.li,{children:`Garamond, serif`}),`\n`,_jsx(_components.li,{children:`Courier New, monospace`}),`\n`,_jsx(_components.li,{children:`Brush Script MT, cursive`}),`\n`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"How to Add Custom Fonts","description":"Use custom fonts across your referral journey via font URLs or ZIP file uploads.","href":"/knowledge/referral/design/custom-fonts"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Uploading Custom Fonts Using a URL","slug":"uploading-custom-fonts-using-a-url","depth":2,"children":[{"title":"Adobe Typekit URL","slug":"adobe-typekit-url","depth":3,"children":[]},{"title":"Google Fonts URL","slug":"google-fonts-url","depth":3,"children":[]}]},{"title":"Uploading Custom Fonts in a ZIP","slug":"uploading-custom-fonts-in-a-zip","depth":2,"children":[]},{"title":"Email Fonts","slug":"email-fonts","depth":2,"children":[{"title":"Plain Text Emails","slug":"plain-text-emails","depth":3,"children":[]},{"title":"Other Emails","slug":"other-emails","depth":3,"children":[]},{"title":"Default Web Safe Fonts","slug":"default-web-safe-fonts","depth":3,"children":[]}]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/mentionme/585da3591117c76f/clerk-loader.js","/_mintlify/custom/mentionme/8c2fd5fe6a58ba82/posthog.js","/_mintlify/custom/mentionme/6b3953f5758cd5c3/tests/sftp-tree.js","/_mintlify/custom/mentionme/621493ede3850bd6/version-switch.js"],"subdomain":"mentionme","siteName":"Mention Me Docs","title":"How to Add Custom Fonts - Mention Me Docs","navMaps":{"firstHrefInVersion":{"Classic docs":{"href":"/knowledge/referral/design/custom-fonts","matchLevel":0},"Mention Me docs":{"href":"/","matchLevel":4}},"firstHrefInLanguage":{}},"lastModified":"2026-07-13T10:28:27.658Z","gitLastModified":"2026-07-13T10:25:07.000Z","originalFileLocation":"knowledge/referral/design/custom-fonts.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Use custom fonts across your referral journey via font URLs or ZIP file uploads.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Mention Me Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"How to Add Custom Fonts - Mention Me Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"Use custom fonts across your referral journey via font URLs or ZIP file uploads.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Mention Me Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.mention-me.com/knowledge/referral/design/custom-fonts\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://mentionme.mintlify.site/_mintlify/api/og/v2?division=Design+%26+Copy\u0026amp;title=How+to+Add+Custom+Fonts\u0026amp;description=Use+custom+fonts+across+your+referral+journey+via+font+URLs+or+ZIP+file+uploads.\u0026amp;theme=52d9a28de14b1f3580df43c7\u0026amp;signature=79b22172299a986d3f6a118c6664fed32878ff58ba22970e21ca1468d284ce07\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"How to Add Custom Fonts - Mention Me Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Use custom fonts across your referral journey via font URLs or ZIP file uploads.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://mentionme.mintlify.site/_mintlify/api/og/v2?division=Design+%26+Copy\u0026amp;title=How+to+Add+Custom+Fonts\u0026amp;description=Use+custom+fonts+across+your+referral+journey+via+font+URLs+or+ZIP+file+uploads.\u0026amp;theme=52d9a28de14b1f3580df43c7\u0026amp;signature=79b22172299a986d3f6a118c6664fed32878ff58ba22970e21ca1468d284ce07\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Mention Me Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#4C57E6\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.mention-me.com/knowledge/referral/design/custom-fonts\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/knowledge/referral/design/custom-fonts.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.mention-me.com/#organization\",\"name\":\"Mention Me Docs\",\"url\":\"https://docs.mention-me.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/logo/light.svg?fit=max\u0026auto=format\u0026n=V2LNKGCh7ROBia07\u0026q=85\u0026s=747c8cd37a71a653a020675616c849f3\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.mention-me.com#website\",\"name\":\"Mention Me Docs\",\"url\":\"https://docs.mention-me.com\",\"publisher\":{\"@id\":\"https://docs.mention-me.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.mention-me.com/knowledge/referral/design/custom-fonts#webpage\",\"url\":\"https://docs.mention-me.com/knowledge/referral/design/custom-fonts\",\"name\":\"How to Add Custom Fonts\",\"description\":\"Use custom fonts across your referral journey via font URLs or ZIP file uploads.\",\"dateModified\":\"2026-07-13T10:25:07.000Z\",\"isPartOf\":{\"@id\":\"https://docs.mention-me.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.mention-me.com/knowledge/referral/design/custom-fonts#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.mention-me.com/knowledge/referral/design/custom-fonts#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Referral\",\"item\":\"https://docs.mention-me.com/knowledge/referral/overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design \u0026 Copy\",\"item\":\"https://docs.mention-me.com/knowledge/referral/design/journey-design\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Add Custom Fonts\",\"item\":\"https://docs.mention-me.com/knowledge/referral/design/custom-fonts\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.mention-me.com/knowledge/referral/design/custom-fonts#article\",\"headline\":\"How to Add Custom Fonts\",\"name\":\"How to Add Custom Fonts\",\"description\":\"Use custom fonts across your referral journey via font URLs or ZIP file uploads.\",\"url\":\"https://docs.mention-me.com/knowledge/referral/design/custom-fonts\",\"mainEntityOfPage\":{\"@id\":\"https://docs.mention-me.com/knowledge/referral/design/custom-fonts#webpage\"},\"dateModified\":\"2026-07-13T10:25:07.000Z\",\"publisher\":{\"@id\":\"https://docs.mention-me.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.mention-me.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Mention Me Docs\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Mention Me Docs\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/knowledge/referral/design/custom-fonts.md","siteName":"Mention Me Docs","nav":{"global":{"anchors":[{"anchor":"Submit a Request","icon":"headset","href":"https://help.mention-me.com/hc/en-gb/requests/new"},{"anchor":"Platform","icon":"gauge","href":"https://app.mention-me.com"},{"anchor":"Status","icon":"signal","href":"https://status.mention-me.com"}]},"versions":[{"version":"Classic docs","default":true,"tabs":[{"tab":"Home","icon":"house","pages":[{"title":"Home","href":""}]},{"tab":"Guides","icon":"book-open","groups":[{"group":"Getting Started","pages":[{"title":"Overview","href":"/knowledge/getting-started/overview"},{"group":"Mention Me and Classic","pages":[{"title":"Understanding Mention Me and Classic","sidebarTitle":"Why There Are Two","href":"/which-platform"},{"title":"Understanding What Has Moved","sidebarTitle":"What Has Moved","href":"/knowledge-app/getting-started/whats-where"}]},{"title":"How Mention Me Works","href":"/knowledge/getting-started/how-mention-me-works"},{"title":"Going Live","sidebarTitle":"Going Live","href":"/knowledge/getting-started/going-live"},{"title":"Understanding the Referral Journey","href":"/knowledge/getting-started/referral-journey"},{"title":"Glossary","href":"/knowledge/getting-started/glossary"},{"title":"Platform Navigation","href":"/knowledge/getting-started/platform-navigation"},{"title":"How to Get Help and Contact Support","sidebarTitle":"Getting Help","href":"/knowledge/getting-started/support"}]},{"group":"Onboarding","pages":[{"title":"Onboarding Overview","href":"/knowledge/onboarding/overview"},{"title":"Onboarding Curriculum","href":"/knowledge/onboarding/curriculum"},{"title":"How to Set Up Your First Campaign","href":"/knowledge/onboarding/first-campaign"},{"title":"How to Review Rewards on Your First Campaign","href":"/knowledge/onboarding/reviewing-rewards"},{"group":"Testing Your Implementation","pages":[{"title":"How to Test Your Referral Landing Page","href":"/knowledge/onboarding/testing/landing-page"},{"title":"How to Test the Referee Tag","href":"/knowledge/onboarding/testing/referee-tag"},{"title":"How to Test the Postpurchase Tag","href":"/knowledge/onboarding/testing/postpurchase-tag"},{"title":"How to Test the Dashboard Tag","href":"/knowledge/onboarding/testing/dashboard-tag"},{"title":"How to Switch from Demo to Live Tags","href":"/knowledge/onboarding/testing/demo-to-live"},{"title":"How to Test Your Shopify App Integration","href":"/knowledge/onboarding/testing/shopify-app"}]},{"title":"Onboarding FAQs","href":"/knowledge/onboarding/faqs"}]},{"group":"Referral","pages":[{"title":"Overview","href":"/knowledge/referral/overview"},{"group":"Offers \u0026 Rewards","pages":[{"title":"Reward Types \u0026 Fulfilment","href":"/knowledge/referral/offers/reward-types"},{"title":"Understanding What Makes a Good Reward","href":"/knowledge/referral/offers/what-makes-a-good-reward"},{"title":"Understanding New Customer Attribution","href":"/knowledge/referral/offers/new-customer-attribution"},{"title":"Sharing Methods","href":"/knowledge/referral/offers/sharing-methods"},{"title":"How to Redirect Referral Share Links to Your Website","sidebarTitle":"Custom Share Link Redirect","href":"/knowledge/referral/offers/custom-share-link-redirect"},{"title":"How to Set Up Native Share","sidebarTitle":"Set Up Native Share","href":"/knowledge/referral/offers/native-share"},{"title":"Time-Limited Offers \u0026 Competitions","href":"/knowledge/referral/offers/time-limited-offers"},{"title":"How to Set Up a Reward","href":"/knowledge/referral/offers/setup-reward"},{"title":"How to Push a Draft Offer Live","href":"/knowledge/referral/offers/push-draft-live"},{"title":"Reward Fulfilment","href":"/knowledge/referral/offers/fulfilment"},{"title":"Shopify Reward Fulfilment","sidebarTitle":"Shopify Fulfilment","href":"/knowledge/referral/offers/shopify-fulfilment"},{"title":"Troubleshooting Rewards","href":"/knowledge/referral/offers/troubleshooting-rewards"}]},{"group":"Campaigns","pages":[{"title":"How to Organise \u0026 Run Campaigns","href":"/knowledge/referral/campaigns/organise-and-run"},{"title":"Triggering Rules","href":"/knowledge/referral/campaigns/triggering-rules"},{"title":"Understanding Parallel Campaigns","href":"/knowledge/referral/campaigns/parallel-campaigns"},{"title":"How to Use the Campaign Preview Tool","href":"/knowledge/referral/campaigns/campaigns-page"}]},{"group":"Design \u0026 Copy","pages":[{"title":"Understanding Journey Design","href":"/knowledge/referral/design/journey-design"},{"title":"How to Manage Design Themes","href":"/knowledge/referral/design/design-themes"},{"title":"Managing Images","description":"Image dimensions, uploading imagery across single or multiple offers, and managing your image library.","href":"/knowledge/referral/design/managing-images"},{"title":"How to Add Custom Fonts","href":"/knowledge/referral/design/custom-fonts"},{"title":"Custom CSS","description":"Customise the appearance of your referral program with CSS styles for text, images, buttons, and other elements.","href":"/knowledge/referral/design/custom-css"},{"title":"How to Manage Your Referral Campaign Copy","href":"/knowledge/referral/design/managing-copy"},{"title":"How to Edit Share Messages","href":"/knowledge/referral/design/share-messages"},{"title":"Social Proof","href":"/knowledge/referral/design/social-proof"}]},{"group":"Customers","pages":[{"title":"Search, Add \u0026 Link Customers","href":"/knowledge/referral/customers/search-add-link"},{"title":"How to Check Referral Status","href":"/knowledge/referral/customers/check-referral-status"},{"title":"How to Confirm a Referral Purchase","sidebarTitle":"Confirm a Purchase","href":"/knowledge/referral/customers/confirm-purchase"},{"title":"How to Redeem a Customer's Reward","sidebarTitle":"Redeem a Customer's Reward","href":"/knowledge/referral/customers/redeem-reward"},{"title":"How to Find a Customer's Reward Code","sidebarTitle":"Find a Reward Code","href":"/knowledge/referral/customers/reveal-reward-code"},{"title":"Emails Mention Me Sends to Your Customers","sidebarTitle":"Customer Emails","href":"/knowledge/referral/customers/customer-emails"},{"title":"How to Resend a Reward Email","sidebarTitle":"Resend a Reward Email","href":"/knowledge/referral/customers/resend-reward-email"},{"title":"How to Change a Customer's Name","href":"/knowledge/referral/customers/change-name"},{"title":"How to Change a Customer's Status","href":"/knowledge/referral/customers/change-status"},{"title":"Understanding Non-Paying Referrers","sidebarTitle":"Non-Paying Referrers","href":"/knowledge/referral/customers/understanding-non-paying-referrers"},{"title":"How to Move Customers Between Campaigns","href":"/knowledge/referral/customers/move-between-campaigns"},{"title":"How to Purge Customer Data","href":"/knowledge/referral/customers/purge-data"},{"title":"Understanding Retention and Reactivation Periods","sidebarTitle":"Retention and Reactivation","href":"/knowledge/referral/customers/retention-and-reactivation"},{"title":"How to Unsubscribe a Customer from Emails","href":"/knowledge/referral/customers/unsubscribe"}]},{"group":"Gaming \u0026 Fraud","pages":[{"title":"Managing Gaming","href":"/knowledge/referral/gaming/managing-gaming"},{"title":"Approve or Decline Suspects","href":"/knowledge/referral/gaming/approve-decline-suspects"},{"title":"How to Block a Customer","href":"/knowledge/referral/gaming/block-customer"},{"title":"How to Restrict Referrer Eligibility to Paying Customers","sidebarTitle":"Restrict Referrer Eligibility","href":"/knowledge/referral/gaming/restrict-referrer-eligibility"}]},{"group":"Promoting Referral","pages":[{"title":"Recommended Touchpoints","href":"/knowledge/referral/promoting/recommended-touchpoints"},{"title":"Promotion Points \u0026 Situation Parameters","href":"/knowledge/referral/promoting/promotion-points"},{"title":"Promote in Email","href":"/knowledge/referral/promoting/email"},{"title":"Promote on Homepage","href":"/knowledge/referral/promoting/homepage"},{"title":"Promote on Dashboard","href":"/knowledge/referral/promoting/dashboard"},{"title":"How to Promote Using QR Codes \u0026 Leaflets","sidebarTitle":"QR Codes \u0026 Leaflets","href":"/knowledge/referral/promoting/qr-codes-leaflets"},{"title":"Conversion Message Banner","href":"/knowledge/referral/promoting/conversion-banner"}]},{"group":"Psychology of Referral","pages":[{"title":"Understanding Social Capital and Social Risk in Referral","sidebarTitle":"Social Capital vs Social Risk","href":"/knowledge/referral/psychology/social-capital-and-social-risk"}]},{"group":"Vouchers","pages":[{"title":"How to Upload Vouchers","href":"/knowledge/referral/vouchers/upload-vouchers"},{"title":"How to Extend Vouchers","href":"/knowledge/referral/vouchers/extend-vouchers"},{"title":"How to Assign Vouchers to Offers","href":"/knowledge/referral/vouchers/assign-to-offers"},{"title":"Understanding Validity Periods","href":"/knowledge/referral/vouchers/validity-periods"},{"title":"How to Check Your Reward Validity Period","sidebarTitle":"Check Reward Validity","href":"/knowledge/referral/vouchers/check-validity-period"}]},{"title":"Understanding Product Referral","href":"/knowledge/referral/product-referral/product-referral"}]},{"group":"Influencer","pages":[{"title":"Overview","href":"/knowledge/influencer/overview"},{"group":"Programme Setup","pages":[{"title":"Getting Started with Your Influencer Programme","href":"/knowledge/influencer/setup/getting-started"},{"title":"Setting Up Your Influencer Registration Form","href":"/knowledge/influencer/setup/registration-form"},{"title":"Configuring Your Influencer Login Page","href":"/knowledge/influencer/setup/login-page"},{"title":"Setting Up and Configuring Influencer Emails","href":"/knowledge/influencer/setup/emails"},{"title":"Customising Your Influencer Dashboard","href":"/knowledge/influencer/setup/dashboard-customisation"}]},{"group":"Collaborations","pages":[{"title":"Creating and Managing Influencer Collaborations","href":"/knowledge/influencer/collaborations/create-and-manage"}]},{"group":"Discovery \u0026 Scoring","pages":[{"title":"How Influencer Scores Are Calculated","href":"/knowledge/influencer/discovery/scoring"},{"title":"How Lookalike Profiles Are Identified","href":"/knowledge/influencer/discovery/lookalike-profiles"},{"title":"Inviting Influencers to Your Programme","href":"/knowledge/influencer/discovery/invite-influencers"}]},{"group":"Engagement","pages":[{"title":"Reviewing and Onboarding Influencer Applications","href":"/knowledge/influencer/engagement/review-and-onboard"},{"title":"What's Available on the Influencer Dashboard","href":"/knowledge/influencer/engagement/dashboard-access"},{"title":"Promoting Your Influencer Programme","href":"/knowledge/influencer/engagement/promoting-programme"}]},{"group":"Incentives","pages":[{"title":"Setting Up Automatic Shopify Discount Code Generation","href":"/knowledge/influencer/incentives/shopify-discount-setup"},{"title":"Editing and Converting Influencer Discount Codes","href":"/knowledge/influencer/incentives/edit-discount-code"},{"title":"Updating Discount Settings in a Live Collaboration","href":"/knowledge/influencer/incentives/update-live-collaboration"},{"title":"Customer Eligibility for Shopify Discount Codes","href":"/knowledge/influencer/incentives/customer-eligibility"},{"title":"Troubleshooting Shopify Discount Provider Issues","href":"/knowledge/influencer/incentives/troubleshooting"}]},{"group":"Payments","pages":[{"title":"Adding or Editing Your Payment Details","href":"/knowledge/influencer/payments/payment-details"},{"title":"Understanding the Different Payment Options Available","href":"/knowledge/influencer/payments/payment-options"}]}]},{"group":"A/B Testing","pages":[{"title":"Overview","href":"/knowledge/ab-testing/overview"},{"title":"Understanding How A/B Testing Works","href":"/knowledge/ab-testing/how-it-works"},{"title":"How to Set Up an A/B Test","href":"/knowledge/ab-testing/setup"},{"title":"Best Practices for A/B Testing","href":"/knowledge/ab-testing/best-practices"},{"title":"Understanding Referral Intelligence Benchmarks","sidebarTitle":"Referral Intelligence Benchmarks","href":"/knowledge/ab-testing/benchmarking-test-ideas"},{"title":"Understanding Variation Metrics","href":"/knowledge/ab-testing/variation-metrics"},{"title":"Understanding Propensity to Refer","href":"/knowledge/ab-testing/propensity-to-refer"}]},{"group":"Reporting","pages":[{"title":"Reporting Overview","href":"/knowledge/reporting/overview"},{"group":"Referral Reporting","pages":[{"title":"Referral Metrics Glossary","href":"/knowledge/reporting/referral/metrics-glossary"},{"title":"Understanding the Overall Performance Report","href":"/knowledge/reporting/referral/overall-performance"},{"title":"Available Reports","href":"/knowledge/reporting/referral/available-reports"},{"title":"How to Analyse Referral Data","href":"/knowledge/reporting/referral/analyse-referral-data"},{"title":"How to Export Data","href":"/knowledge/reporting/referral/export-data"},{"title":"How to Use Market Insights","href":"/knowledge/reporting/referral/market-insights"}]},{"group":"Advocacy Reporting","pages":[{"title":"Advocacy Dashboards","href":"/knowledge/reporting/advocacy/dashboards"},{"title":"Understanding Earned Growth","href":"/knowledge/reporting/advocacy/earned-growth"},{"title":"Understanding Extended Customer Revenue (ECR)","href":"/knowledge/reporting/advocacy/ecr"},{"title":"Understanding Network Insights","href":"/knowledge/reporting/advocacy/network-insights"},{"title":"Understanding Sentiment Analysis","href":"/knowledge/reporting/advocacy/sentiment-analysis"}]},{"group":"Influencer Reporting","pages":[{"title":"Available Influencer Metrics","href":"/knowledge/reporting/influencer/available-metrics"}]},{"group":"Creative Insights","pages":[{"title":"How to Connect Ad Accounts","href":"/knowledge/reporting/creative-insights/connect-ad-accounts"},{"title":"How to Create and Share Custom Reports","href":"/knowledge/reporting/creative-insights/custom-reports"},{"title":"Naming Rule Tags","href":"/knowledge/reporting/creative-insights/naming-rule-tags"},{"title":"Top Performers Report","href":"/knowledge/reporting/creative-insights/top-performers"},{"title":"New Launches Report","href":"/knowledge/reporting/creative-insights/new-launches"},{"title":"How to Use the Comparison Groups Report","href":"/knowledge/reporting/creative-insights/comparison-groups"}]}]},{"group":"Integrations","pages":[{"title":"Overview","href":"/knowledge/integrations/overview"},{"group":"Audience Builders","pages":[{"title":"Meta Audience Builder","href":"/knowledge/integrations/audience-builders/meta"},{"title":"TikTok Audience Builder","href":"/knowledge/integrations/audience-builders/tiktok"},{"title":"Google Ads Audience Builder","href":"/knowledge/integrations/audience-builders/google-ads"}]},{"group":"Reviews \u0026 Rewards","pages":[{"title":"Trustpilot","href":"/knowledge/integrations/reviews-rewards/trustpilot"},{"title":"Love2Shop","href":"/knowledge/integrations/reviews-rewards/love2shop"},{"title":"Giftcloud","href":"/knowledge/integrations/reviews-rewards/giftcloud"},{"title":"Runa","href":"/knowledge/integrations/reviews-rewards/runa"}]},{"group":"Data Feeds","pages":[{"title":"CRM Feed Format","href":"/knowledge/integrations/data-feeds/crm-feed-format"},{"title":"SFTP Setup","href":"/knowledge/integrations/data-feeds/sftp-setup"},{"title":"Email Vouchers in BAU Emails","href":"/knowledge/integrations/data-feeds/email-vouchers-in-bau"}]},{"group":"ESP \u0026 CRM Integrations","pages":[{"title":"Overview","href":"/knowledge/esp-crm/overview"},{"group":"Klaviyo","pages":[{"title":"How to Set Up Klaviyo with Mention Me","href":"/knowledge/esp-crm/klaviyo/setup"},{"title":"Klaviyo Data Reference","href":"/knowledge/esp-crm/klaviyo/data-reference"},{"title":"How to Set Up Coupon Reminder Flows in Klaviyo","href":"/knowledge/esp-crm/klaviyo/coupon-reminders"},{"title":"How to Set Up the Share Again Reminder Flow in Klaviyo","href":"/knowledge/esp-crm/klaviyo/share-again"},{"title":"How to Promote Referral from Klaviyo","href":"/knowledge/esp-crm/klaviyo/promote-referral"}]},{"group":"Braze","pages":[{"title":"How to Set Up Braze with Mention Me","href":"/knowledge/esp-crm/braze/setup"},{"title":"Braze Data Reference","href":"/knowledge/esp-crm/braze/data-reference"},{"title":"How to Set Up Coupon Reminder Canvases in Braze","href":"/knowledge/esp-crm/braze/coupon-reminders"},{"title":"How to Set Up the Share Again Reminder Canvas in Braze","href":"/knowledge/esp-crm/braze/share-again"},{"title":"How to Promote Referral from Braze","href":"/knowledge/esp-crm/braze/promote-referral"}]},{"group":"Bloomreach","pages":[{"title":"How to Set Up Bloomreach with Mention Me","href":"/knowledge/esp-crm/bloomreach/setup"},{"title":"Bloomreach Data Reference","href":"/knowledge/esp-crm/bloomreach/data-reference"},{"title":"How to Set Up Coupon Reminder Scenarios in Bloomreach","href":"/knowledge/esp-crm/bloomreach/coupon-reminders"},{"title":"How to Set Up the Share Again Reminder Scenario in Bloomreach","href":"/knowledge/esp-crm/bloomreach/share-again"},{"title":"How to Promote Referral from Bloomreach","href":"/knowledge/esp-crm/bloomreach/promote-referral"}]},{"group":"Emarsys","pages":[{"title":"How to Set Up Emarsys with Mention Me","href":"/knowledge/esp-crm/emarsys/setup"},{"title":"Emarsys Data Reference","href":"/knowledge/esp-crm/emarsys/data-reference"},{"title":"How to Import ECR Data into Emarsys","href":"/knowledge/esp-crm/emarsys/ecr-data-import"},{"title":"How to Promote Referral from Emarsys","href":"/knowledge/esp-crm/emarsys/promote-referral"}]},{"group":"Salesforce Marketing Cloud","pages":[{"title":"How to Set Up Salesforce Marketing Cloud (SFMC) with Mention Me","href":"/knowledge/esp-crm/sfmc/setup"},{"title":"Salesforce Marketing Cloud (SFMC) Data Reference","href":"/knowledge/esp-crm/sfmc/data-reference"},{"title":"How to Set Up Coupon Reminder Journeys in SFMC","href":"/knowledge/esp-crm/sfmc/coupon-reminders"},{"title":"How to Set Up the Share Again Reminder Journey in SFMC","href":"/knowledge/esp-crm/sfmc/share-again"}]},{"group":"Dotdigital","pages":[{"title":"How to Set Up Dotdigital with Mention Me","href":"/knowledge/esp-crm/dotdigital/setup"},{"title":"Dotdigital Data Reference","href":"/knowledge/esp-crm/dotdigital/data-reference"},{"title":"How to Set Up Coupon Reminder Programs in Dotdigital","href":"/knowledge/esp-crm/dotdigital/coupon-reminders"},{"title":"How to Set Up the Share Again Reminder Program in Dotdigital","href":"/knowledge/esp-crm/dotdigital/share-again"},{"title":"How to Promote Referral from Dotdigital","href":"/knowledge/esp-crm/dotdigital/promote-referral"}]},{"group":"mParticle","pages":[{"title":"How to Set Up mParticle with Mention Me","href":"/knowledge/esp-crm/mparticle/setup"},{"title":"mParticle Data Reference","href":"/knowledge/esp-crm/mparticle/data-reference"}]},{"group":"Ometria","pages":[{"title":"How to Set Up Ometria with Mention Me","href":"/knowledge/esp-crm/ometria/setup"},{"title":"Ometria Data Reference","href":"/knowledge/esp-crm/ometria/data-reference"},{"title":"How to Promote Referral from Ometria","href":"/knowledge/esp-crm/ometria/promote-referral"}]},{"group":"Attentive","pages":[{"title":"How to Set Up Attentive with Mention Me","href":"/knowledge/esp-crm/attentive/setup"},{"title":"Attentive Data Reference","href":"/knowledge/esp-crm/attentive/data-reference"},{"title":"How to Activate the Coupon Reminder Journey in Attentive","href":"/knowledge/esp-crm/attentive/coupon-reminders"},{"title":"How to Activate the Promote Referral Journey in Attentive","href":"/knowledge/esp-crm/attentive/promote-referral"}]}]}]},{"group":"Security \u0026 Data","pages":[{"title":"Overview","href":"/knowledge/security/overview"},{"group":"Data Privacy","pages":[{"title":"Understanding GDPR","href":"/knowledge/security/data-privacy/gdpr"},{"title":"Understanding Cookies","href":"/knowledge/security/data-privacy/cookies"},{"title":"Going Cookieless","href":"/knowledge/security/data-privacy/cookieless"},{"title":"Understanding Customer Data Storage","href":"/knowledge/security/data-privacy/customer-data-stored"},{"title":"Understanding Data in Transit and at Rest","href":"/knowledge/security/data-privacy/data-in-transit"},{"title":"Understanding the Legal Basis for Sharing Data","href":"/knowledge/security/data-privacy/legal-basis"},{"title":"Understanding Sub-Processors","href":"/knowledge/security/data-privacy/sub-processors"},{"title":"Understanding Contract Termination","href":"/knowledge/security/data-privacy/contract-termination"},{"title":"Understanding AI and Data","href":"/knowledge/security/data-privacy/ai-and-data"}]},{"group":"Account Security","pages":[{"title":"Single Sign-On (SSO) Setup","href":"/knowledge/security/account/sso-setup"},{"title":"Updating Your SSO Connection","sidebarTitle":"Updating Your SSO Connection","href":"/knowledge/security/account/sso-migration"},{"title":"Two-Factor Authentication (2FA)","href":"/knowledge/security/account/two-factor-auth"},{"title":"Password Rules","href":"/knowledge/security/account/password-rules"},{"title":"User Management","href":"/knowledge/security/account/user-management"},{"title":"Revoke User Access","href":"/knowledge/security/account/revoke-access"},{"title":"Understanding Security Responsibilities","href":"/knowledge/security/account/security-responsibilities"},{"title":"Content Security Policy","href":"/knowledge/security/account/content-security-policy"}]},{"group":"Data Management","pages":[{"title":"How to Send Data Securely","href":"/knowledge/security/data-management/send-data-securely"},{"title":"Understanding Hashed Data","href":"/knowledge/security/data-management/hashing"},{"title":"Hash Historical Customer Emails","href":"/knowledge/security/data-management/hash-historical-emails"},{"title":"How to Upload Historical Orders","href":"/knowledge/security/data-management/historical-order-upload"},{"title":"How to Exclude Existing Customers","href":"/knowledge/security/data-management/exclude-existing-customers"},{"title":"Understanding Why All Transactions Are Required","href":"/knowledge/security/data-management/transactions-requirement"},{"title":"How to Upload a Batch of Tags","href":"/knowledge/admin/upload-tags"}]}]},{"group":"Platform Reference","pages":[{"title":"Overview","href":"/knowledge/admin/overview"},{"title":"How to Find Your Partner Code","href":"/knowledge/admin/partner-code"},{"title":"Understanding the Customers Section","href":"/knowledge/admin/customers-section"},{"title":"Browser, Email Client \u0026 Device Support","href":"/knowledge/admin/browser-support"},{"title":"How to Disable Your Ad Blocker","href":"/knowledge/admin/disable-ad-blocker"},{"title":"Understanding Where and Why to Implement Referrer and Referee Tags","href":"/knowledge/tags/where-and-why"},{"title":"How to Handle Mention Me Tags on Single Page Applications (SPAs)","href":"/knowledge/tags/spa-implementation"},{"title":"Locales, Languages and Currencies","href":"/knowledge/tags/locales-languages-currencies"},{"title":"Debug Dashboard","href":"/knowledge/tags/debug-dashboard"},{"title":"Replatforming Checklist","href":"/knowledge/tags/replatforming"},{"title":"Platform IP Addresses","href":"/knowledge/tags/ip-addresses"},{"title":"Google Analytics Parameters","href":"/knowledge/tags/google-analytics"}]}]},{"tab":"Documentation","icon":"code","pages":[{"title":"Documentation","href":"/developer-docs/integration/overview"}]},{"tab":"API \u0026 Webhooks","icon":"square-terminal","pages":[{"title":"API \u0026 Webhooks","href":"/api-reference/introduction"}]},{"tab":"Changelog","icon":"newspaper","pages":[{"title":"Changelog","href":"/changelog"}]}]},{"version":"Mention Me docs","pages":[{"title":"Mention Me docs","href":"/"}]}]},"basePath":"","title":"How to Add Custom Fonts - Mention Me Docs","buildId":"dpl_596ePT575z4qnAFksq1biRW97aLY","deploymentId":"dpl_596ePT575z4qnAFksq1biRW97aLY","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-BXrZabKK.js","DynamicMarkdown-CtasenyM.js","zoom-image-lightbox-C5F0mVLH.js","lightbox-handle-r17bVUz3.js"]}