Skip to main content

Creating Fonts in Knak

Manage and upload custom fonts directly in Knak to align brand typography.

Updated this week

This feature is in Beta Testing. If you would like to be part of Beta Testing, please reach out to tiffany@knak.com

Access Requirements

Only users with the Manage Font permission can access the Fonts Self Serve feature. Admins have this permission enabled by default.

💡 Important: Before uploading fonts, ensure you have the legal rights and proper licensing to use them.


Ways to Create a Font

You can create fonts using four methods:

  • Websafe: For standard fonts that don’t require a hosted CSS file.

  • Google Fonts: For fonts available through Google Fonts.

  • URL: For custom fonts hosted via CSS.

  • File Upload: For custom font files to be uploaded directly.


Where to Find the Font Manager

To get started with creating fonts, you first need to access the Font Manager:

  1. Go to the Admin side of the platform.

  2. Click the Fonts tab.

From there, you’ll be taken to the Font Manager page where you can add and manage fonts before creating them using one of the methods listed above.

Admin section in Knak showing the Fonts page.

Websafe Font

Use this when the font does not rely on an external CSS file.

Steps

  1. Go to the Font Manager.

  2. Select + Add a Font > Websafe Font.

  3. Enter the font details.

  4. Click Create.

Example

  • Font Name: Poppins

  • Font Family: Poppins

  • Fallback Font Family: sans-serif

Websafe font creation tab.

Google Fonts

Use this when the font is available through Google Fonts.

Steps

  1. Select + Add a Font > Google.

  2. Choose a font from the dropdown or type it in.

  3. Click Create.

Google Font creation tab.

URL

Use this when referencing a font from a CSS URL (e.g. Adobe Fonts).

Steps

  1. Select + Add a Font > URL.

  2. Paste the CSS file URL.

  3. The system will auto-parse font weights and styles.

  4. Enter font name and fallback family.

  5. Click Create.

Example

  • Font Name: Poppins

  • Font Family: Poppins

  • Fallback Font Family: sans-serif

Note: We are only supporting URLs that point to CSS files, not URLs that point to OTF or other font files.

Knak Create Font form using a CSS URL for font import.

Font File Upload

Use this when uploading font files from your computer.

Supported File Types

  • .ttf

  • .woff

  • .woff2

  • .otf

Steps

  1. Select + Add a Font > Upload.

  2. Drag and drop or browse to select files.

  3. Upload multiple files at once.

  4. The system will auto-parse styles and weights.

  5. Enter the font name and fallback family.

  6. Click Create.

Example

  • Font Name: Poppins

  • Font Family: Poppins

  • Fallback Font Family: sans-serif

Upload font files interface in Knak showing drag and drop area

Font folder with multiple ttf font files selected.

Upload font file interface displaying auto-parsed font files.

Assigning Fonts to a Brand

After creating a font, assign it to a brand in Brand Settings for it to appear in the editor.

💡 Note: Fonts must be assigned to a brand to be usable in campaigns.


Deleted Fonts

When a font is deleted, it’s removed from your brand’s font library and will no longer be available for new work. Your existing designs will still look the same because they retain the previously used font in a detached state.

  • Existing assets (emails, landing pages, or other designs) that used the font will continue to display with that font exactly as they did before.

  • If you try to edit text in those existing assets, you won’t be able to select the deleted font from the font dropdown anymore.

  • The font will no longer appear in your brand’s font library for use in new designs.

  • If you need to make text changes in existing assets, you’ll need to choose a different font from your available fonts.

This ensures your existing content remains visually consistent while preventing the use of fonts that are no longer managed in your brand library.


Frequently Asked Questions (FAQ)

1. Are Websafe Fonts Validated?

No. Users are responsible for choosing valid, supported fonts. Definitions of websafe fonts vary. Ensure compatibility with target machine defaults.


2. Will Changing the Fallback Font Update Existing Assets?

No. Existing assets will not update automatically.
To update them, contact support@knak.com.


3. Does the Dash Matter in sans-serif?

Yes. The value in the Font Family field is used directly in CSS.
Use valid CSS font-family syntax (e.g., sans-serif, not sans serif).


Need more help? Contact support via live chat using the chat bubble in the bottom right corner or email support@knak.com.

Did this answer your question?