# Tipografia

## Stili di testo

Gli stili di testo permettono di avere più controllo sulla gerarchia dei contenuti mostrati nell'avviso di pagamento e contribuiscono a mantenere coerenza tra le diverse varianti prodotte.

{% @figma/embed fileId="dn04eV10KQ66BSHTLUaEe7" nodeId="0:1" url="<https://www.figma.com/file/dn04eV10KQ66BSHTLUaEe7/Stili-di-testo?node-id=0%3A1>" %}

{% hint style="warning" %}
Fai sempre uso degli stili di testo, così da garantire leggibilità e coerenza: se cambi peso, grandezza o colore di un testo comprometti l'esperienza d'uso dell'avviso di pagamento.
{% endhint %}

## Font utilizzati

### [Titillium Web](#font-utilizzati)

La famiglia di font Titillium Web è stata realizzata come progetto didattico dagli studenti del corso in Type Design dell’[Accademia di Belle Arti di Urbino](http://nta.accademiadiurbino.it/titillium/). Il carattere è rilasciato con licenza SIL Open Font License ed è scaricabile da [Google Fonts](https://fonts.google.com/specimen/Titillium+Web), una piattaforma di distribuzione gratuita di web font.

### [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono)

Il Roboto Mono è la variante monospaziata della famiglia Roboto ed anche in questo caso si tratta di un web font scaricabile da [Google Fonts](https://fonts.google.com/specimen/Roboto+Mono) e utilizzabile gratuitamente. È stato scelto per la chiarezza e leggibilità dei numeri: è adatto ad essere utilizzato per la rappresentazione di numeri, calcoli matematici, numeri in tabelle, codice di programmazione.


---

# 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.pagopa.it/avviso-pagamento/avvisi-3.2.0/allegato-2/elementi-di-design/tipografia.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.
