Font Manager

The Cwicly Font Manager makes it easier for users to visually select, preview, and manage fonts within their websites. Users can now browse and download fonts instantly from the vast library of Google Fonts without ever leaving the editor. In addition, users can upload their own custom fonts to the Font Manager with just one click.

With increasing concerns over privacy, one of the main advantages of the Cwicly Font Manager is that it is designed to prioritise user privacy and security.

The Font Manager uses a locally hosted font library and the font files are stored on your own server. This ensures that they are transmitted securely and without the risk of them being intercepted by third parties.

Variable fonts are natively supported. They allow for a greater range of design possibilities by enabling you to customise the font weight, style, and other attributes within a single font file. This can help to improve website performance by reducing the number of font files that need to be loaded and can also make it easier for you to achieve a more customised and professional look.

And, to save your website from unnecessary load times, the fonts are only loaded conditionally if they are in use on the page. Global fonts, on the other hand, are always loaded.

Finally, complete your Cwicly font experience with visual fallback fonts customisation and custom axe properties.

Open Font Manager

  • Select a block.

  • Open the Typography tab.

  • Click the logo to open the Font Manager.

This opens the Font Manager modal.

Font Cards

You will find a visual representation of the fonts currently installed on your website, set out as Font Cards.

These contain a lot of useful information such as whether the Font is active, the Font name, a visual representation of the Font style, whether the font is a Google font or not, the number of styles, the Font category and whether the Font is variable or not.


The dot to the left of the Font name will tell you whether the Font is active or not, that is whether it is available on your local installation.

  • A green dot means the Font is active.

  • A red dot means the Font is inactive and therefore not available locally.

Font Name

The Font Name identifies which font is concerned in the Font card.

Font variations

  • Click Font Name to display the available Font variations.


Click Return arrow to go back to Font Manager.

Google Font

If the Font is a Google Font, you will find the Google logo here.

If the Font is not a Google Font, there will be no logo.


This will tell you the style types available in the dropdown and how many there are.

Font Category

This tells you what Font Category the Font belongs to such as Serif, Sans Serif, Handwriting, Display, Monospace.


The Favourite Icon allows you to add a Font to your Favourites so that it is readily accessible.

A red heart signifies that the Font has been added to your Favourites.

The Font Search Bar allows you to search for the required Font.

  • Input required Font name.

The "Clear" button allows you to clear a search.

  • Click Clear button to remove current search.

Variable Fonts

The Variable Font Icon lets you know that the Font on the Font card is a variable Font.

A variable font allows for multiple variations of a typeface to be included in a single file. These variations can include changes in weight, width, slant, and other design features.

Variable fonts allows for more flexibility and control over typography, as you can adjust various aspects of the font to fit the needs of a particular project or layout.

Remove Font

The Bin Icon allows you to remove a Font from your local installation.

  • Click the Bin icon to remove the chosen Font.

To the left, you will find several tabs, including Active, Installed, Google, Custom, Favourites, Inactive.


The Active tab visually shows you the Fonts that are available on your local installation and are Active.

The number count shows you the number of active Fonts you have installed on your local installation.


The Installed tab visually shows you all the Fonts installed on your local installation.

The number count shows you the total number of Fonts installed on your local installation.


The Google tabs gives you a visual representation of all the Google fonts available for download and their characteristics.

The number count tells you the total number of Google fonts available for download.


Custom Fonts include fonts you purchase or specially branded fonts you use.


  • To add a new Custom font to the Font Mamager, click the "+ Add" button.

  • Input the Custom Font name.

  • Click "Create" to open the Custom Font Upload panel.

  • Click the " + Upload font variation" button.

  • Select the required Custom Font.

  • Click "Open" button to open the Custom Font in the Font Manager.

  • The required Custom Font is now visible in the Font Manager.

  • Click "+" to add additional Custom values.

Input Custom Value

You can imput a Custom Value by selecting the Custom option in the Font weight dropdown.

  • Open the Font weight dropdown and select Custom.

  • Choose the limits of the required weights. Leave an empty space between the Font range.

  • Click "Modify".

  • The Custom values will be shown on the Font card.


  • Activate by clicking the ring next to the Custom Font name.


  • Click Return arrow to go back to the Font Manager menu.

The newly added Custom Font is now available in the Custom tab of the Font Manager.


The Favourites tab displays your Favourite Fonts.

This allows you ready access to the Fonts you use most.


The Inactive tab displays the Fonts you have available in your local installation but that are inactive.

Last updated