How to upload your own font and font libraries

You can add any number of fonts to your website and design studio by going to the font library.

Fonts are a great way of complementing your theme, creating emphasis and enhancing your customer's visual experience of your site or microsite. 

Your font library is the hub for all your custom fonts and the default typeface set by Brikl. 

Skip to...

  1. How do I upload a custom font? 
  2. Finding the right font format
  3. Upload the same font type
  4. Disabling default fonts
  5. Applying filters to fonts
  6. Add a color palette for your fonts

Screenshot 2022-07-22 at 12.11.50

How do I upload a custom font? 

If you want to use custom fonts for your website and studio, go to the Design Tab > Font Library and upload your font file there.

Each font or typeface usually comes with a license, even the free ones. It's worth noting that some limitations may arise within the usage of a downloaded font.

Ensure that any fonts you use have a Webfont license that's not limited to print usage.


Finding the right font format

You can upload a variety of font files inside your library.

Step 1

To upload your font, click on the upload button or drag and drop it inside the box.

Screenshot 2022-07-22 at 12.12.38

Step 2

Once you've uploaded your fonts, you will be prompted to a pop-up like this one. Make sure you complete the following information and tick the disclaimer.

Font library_1

Once you've successfully uploaded your font, click on the pencil icon to view the font.

Screenshot 2022-07-22 at 12.30.35-1

Step 3

Clicking on the icon will take you to the font detail page, where you can allow the font inside the studio or not.

Screenshot 2022-07-22 at 13.04.57Step 4

Great - you can now access your uploaded fonts in two areas in the dashboard!

a) Inside your theme library.

Screenshot 2022-07-22 at 13.05.42

b) Inside your studio. (If you checked the 'Allow in Studio' option).

Screenshot 2022-07-22 at 13.34.44


Upload the same font type

When you upload the same font type to either bold or italic, the system will recognize that it exists and add it to the same group.

Font library_2

When you click on upload it will merge that font type to the Font Family.Screenshot 2022-07-22 at 13.42.14

Disabling default fonts

As a merchant, you can choose to only use fonts you have uploaded, allowing an enhanced level of personalization across the platform.

Navigate to your dashboard > Design > Font Library.

Screenshot 2022-07-22 at 13.44.02

Only enabled fonts (toggled on and off) will be viewable and usable in the design studio.

Applying filters to fonts

Fonts can also be set as custom or default to make it easier to select and organize typefaces across the studio. Selecting a type will only show the fonts categorized accordingly.

Color palette for your fonts in the Design Studio

Select a different color palette for your fonts by following the steps below:

  • Go to Design > Printing Techniques.

  • Once you have your color palette created or selected, go to the Studio Editor.

  • In Design Studio, go to design steps.

  • Open text step.

  • Open the 'Select Printing Technique' menu and select the color palette you have created and make it default. 

    Screenshot 2022-07-22 at 13.48.17