# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cwicly.com/design/typography/font-family.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.