> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/settings/font-sets.md).

# Font Sets

{% hint style="warning" %}
Font Sets have been deprecated in favour of the [Font Manager](/cwicly/font-manager.md). If you choose to continue managing your fonts through Font Sets, toggle the **Deprecated Font Sets** option in [settings](/settings/settings.md).
{% endhint %}

Font Sets can be browsed, added, removed or edited from the Settings Tab.

Most of the time, with over 900+ fonts available, you will find yourself using the included Google Fonts. But there will come a time where you want to upload your own custom fonts that you have found on the internet or have created yourself.

{% hint style="info" %}
Cwicly only accepts fonts in the .woff2 format.
{% endhint %}

## Enable Font Sets (Cwicly Settings)

Activate this option if you want to continue managing your old font sets.

* In the Advanced settings, find Deprecated Font Sets in Deprecated.
* Toggle on/off as required.

<figure><img src="/files/EbHEOraCHpcV3l5TO9bD" alt=""><figcaption></figcaption></figure>

## Add

* Go to the Settings tab.
* Open the Font Sets panel.
* Enter the desired Font Name in the Font Set Name field.
* Click Add.

<figure><img src="/files/ptArmWIE9IbUzwLEcYof" alt=""><figcaption></figcaption></figure>

## Edit

This allows you to add a font variation to your Font Set such as weight, style and display).

* In "Available Font Sets", find the custom Font Name you wish to edit.
* Click Edit.

<figure><img src="/files/wq4LgqEScIuBYarHrgYd" alt=""><figcaption></figcaption></figure>

### Add Custom Font Variation

***Weight*** The weight property defines what the weight is for the current variation of the font

***Style*** The style property Defines whether the Style for the current variation of the font is *Normal*, *Oblique* or *Italic*

***Display*** The display property Lets you specify how web fonts are loaded in the web browser and applied to your website.

* Click Add Font Variation.

<figure><img src="/files/IkuF23IbMDfuOUhKlb2B" alt=""><figcaption></figcaption></figure>

* Select the corresponding Weight option in the dropdown as required (Bold, 100, 200, 300 etc).

<figure><img src="/files/aLrGwSFzyqeltmUtigBp" alt=""><figcaption></figcaption></figure>

* Select the corresponding Style option in the dropdown as required (Normal, Italic, Oblique).

<figure><img src="/files/pDqIrtr37ZBw7zw8JHSV" alt=""><figcaption></figcaption></figure>

* Select the corresponding Display option in the dropdown as required (Auto, Block, Swap, Fallback, Optional).

<figure><img src="/files/6DNYmPPvtxiom20rDjzk" alt=""><figcaption></figcaption></figure>

* Click Upload for the corresponding WOFF2 File.

<figure><img src="/files/WMlkyXuLkd0puWSZHBGQ" alt=""><figcaption></figcaption></figure>

Open the Font Set file that you wish to add.

* Select the required WOFF2 file.

<figure><img src="/files/SucDxQXgKoprxvLwtbjh" alt=""><figcaption></figcaption></figure>

* Click Add Font Variation to add the font variation you have uploaded.

<figure><img src="/files/rU4ZLJGvJFwntyMZ8skq" alt=""><figcaption></figcaption></figure>

You can add additional font variations as required.

<figure><img src="/files/OJ1Udz4tzl2LZ3fG4sB1" alt=""><figcaption></figcaption></figure>

## Remove

* Open the Fonts Sets panel.
* Find the Font Sets you wish to remove.
* Click Delete.

<figure><img src="/files/GB5vrcbbbUCRcHvxdDwk" alt=""><figcaption></figcaption></figure>