Add a custom font to your Kreezalid marketplace

Updating your brand fonts on the Kreezalid platform to a Google Font is a straightforward process. Here’s a step-by-step guide to help you:

Step 1: Choose Your Google Font

Visit the Google Fonts website.
Browse through the font library and select the font that best fits your brand.
Once you've selected a font, click on it, and you'll be directed to a page where you can customize and review your font selection.

Step 2: Get the Import Link

On the font's page, you will see an option to “Embed Font” – click on this.
Under the “@import” tab, you’ll find a line of code. This is the import link that you’ll need to copy.

Step 3: Add the Font to Your Kreezalid Site

Navigate to Theme in the main menu.

Click on Custom CSS.

At the top of your CSS file, paste the @import line of code you copied from Google Fonts.

For example: @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

Step 4: Apply the font to elements on your site

In the same Custom CSS section, you can now add CSS rules to apply the new font to different elements of your website.

For instance: body { font-family: 'Open Sans', sans-serif;}

This will apply the 'Open Sans' font to all text within the body element of your website.

Step 5: Save Your Changes

After adding your font import link and CSS rules, make sure to save your changes.
Your selected Google Font should now be applied to your Kreezalid site.

Note: It’s important to remember that on Kreezalid, while you can import fonts from Google Fonts using this method, importing font faces from sources other than Google Fonts is not permitted.

Updated on: 05/12/2023

Was this article helpful?

Thank you!