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.

Active

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.

Return

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.

Styles

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.

Favourites

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.

Search Bar

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

Input required Font name.

Clear Search

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.