# 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.&#x20;

## 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="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2Fo3jcFAOiuofFyOCtorWG%2Fselect%20font%20family.jpg?alt=media&#x26;token=8da64cef-e0fc-4d60-bdc0-1e55770da2de" 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="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2F97LDNjMDGRWMNpGMMDPf%2Fgoogle%20font.jpg?alt=media&#x26;token=4554683a-38a6-46ce-9998-c205c8e685a4" alt=""><figcaption></figcaption></figure>

* Custom Font (Local)

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2F9AdbvwbHvMETkt2Gf1Gm%2Flocal.jpg?alt=media&#x26;token=34da504e-957b-4272-84c4-e0ebaead73f9" 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="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FqcIuMvDVWbO5URavnjJ5%2Fdesign%20tab.jpg?alt=media&#x26;token=d71e3dff-2441-470e-a4f6-c77169fcd832" alt=""><figcaption></figcaption></figure>
