# Custom Fonts

### <mark style="color:green;">What is Custom Fonts?</mark>

Custom Fonts are all the fonts styles you see in native Twinr features like Hamburger Menu, Tab Name, Buttons, Navigation title etc. You might want to change it to match your Brand's theme. This gives very elegant look to your app.

### <mark style="color:green;">How to setup Custom Fonts?</mark>

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

{% tabs %}
{% tab title="General" %}
**1.)** Select the style from **1400+** diffferent font styles.

**2.)** Save as a Draft.
{% endtab %}
{% endtabs %}

### <mark style="color:green;">How to test Custom Fonts in</mark> [Twinr Previewer App](https://play.google.com/store/apps/details?id=com.twinr.builder.previewer)<mark style="color:green;">?</mark>

Once you are done with the customization, open the app in previewer or refresh it from the floating hamburger button. You will be able to see the loader you have customized.\
\
See the Tab screens name changing the Font Style after refreshing.

<div align="left"><figure><img src="/files/QoVL2YDsTlDZEloxY82H" alt=""><figcaption></figcaption></figure></div>

### <mark style="color:green;">Common Questions</mark>

<details>

<summary><strong>Do I need to submit new version everytime I edit the refresh Loader?</strong></summary>

**Answer:** No, just do the changes, save it and click on publish to production. Your LIVE app will have the changes right away.

</details>

<details>

<summary><strong>Do I need to publish new version after enabling/disabling Custom Fonts?</strong></summary>

**Answer:** No, enable/disable the loader, save it and click on publish to production. Your LIVE app will have the changes right away.

</details>

<details>

<summary><strong>Can I change font style in Standard plan?</strong></summary>

**Answer:** No, it is only doable in Premium plan.

</details>


---

# 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://help.twinr.dev/extensions/custom-fonts.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.