> 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/design/typography/font-family.md).

# Font Family

{% hint style="warning" %}
It is not recommended to use too many font families. Every font family you add to a block increases your page file size, slowing down your overall page speed.
{% endhint %}

The Font Family property sets the font face that should be used for the specific text of the element.

Font families are inherited by default. If your block's parent has a set font family, that font family will automatically be applied to every child block. No need to add the same font family for every child block.

You can apply a font family to every Cwicly block. The Font Family property is specific to the block and its children.

***Google Fonts*** Google Fonts is a library of more than a thousand free and open source font families. The font files are stored on Google servers. 

## In the Primary Tab

### Select Font

* Select a block.
* Open the Block Inspector.
* Navigate to the Primary Tab.
* Open the Typography Tab.
* Find the Font Family property.
* Select your desired font in the dropdown.

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

The field to the right of the font name will indicate whether the selected font is a Google font, a custom font (Local) or unset.

* Google Font

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

* Custom Font (Local)

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

## In the Design Tab

### Select Font

* Select a block.
* Open the Block Inspector.
* Navigate to the Design Tab.
* Open the Typography Tab.
* Find the Font Family property.
* Select font  as required.

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