Skip to main content

Creating Fonts in Knak

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

Updated over a month ago

This feature is in Alpha Testing. If you would like to be part of Alpha 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.


How to Create a Font

You can create fonts in three ways: Websafe, URL, or Font File Upload.

Websafe Font

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

Steps

  1. Go to the Font Manager.

  2. Select Create a Font > Websafe Font.

  3. Enter the font details.

  4. Click Create.

Example

  • Font Name: Poppins

  • Font Family: Poppins

  • Fallback Font Family: sans-serif


URL

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

Steps

  1. Select Create 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


Font File Upload

Use this when uploading font files from your computer.

Supported File Types

  • .ttf

  • .woff

  • .woff2

  • .otf

Steps

  1. Select Create 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


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.


Deleting Fonts

  • Deleted fonts are removed from all brand kits.

  • Assets using the font will retain it in a detached state.

  • The font will appear with an asterisk in the editor to show it’s no longer part of the brand kit.

  • You can continue using it until replaced.


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?