> For the complete documentation index, see [llms.txt](https://overleaf-pro.ayaka.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overleaf-pro.ayaka.space/latex/it/articoli-approfonditi/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md).

# Passo 7: Usare i font variabili Noto Sans e Roboto Mono con LaTeX

[Introduzione](https://www.overleaf.com/learn/latex/Articles/How_to_use_OpenType_variable_fonts_with_LaTeX?preview=true) [Passo 1](https://www.overleaf.com/learn/latex/Articles/Step_1:_Setting_up_an_Overleaf_project_to_use_variable_fonts?preview=true) [Passo 2](https://www.overleaf.com/learn/latex/Articles/Step_2:_An_introduction_to_LaTeX_fonts?preview=true) [Passo 3](https://www.overleaf.com/learn/latex/Articles/Step_3:_Replacing_LaTeX’s_default_fonts_with_variable_fonts?preview=true) [Passo 4](https://www.overleaf.com/learn/latex/Articles/Step_4:_How_to_configure_an_italic_variable_font_using_fontspec?preview=true) [Passo 5](https://www.overleaf.com/learn/latex/Articles/Step_5:_LaTeX_font_weights_and_named_instances_of_variable_fonts?preview=true) [Passo 6](https://www.overleaf.com/learn/latex/Articles/Step_6:_Using_variable_fonts_to_add_bold_fonts_to_an_Overleaf_project?preview=true) [Passo 7](https://www.overleaf.com/learn/latex/Articles/Step_7:_Using_Noto_Sans_and_Roboto_Mono_variable_fonts_with_LaTeX?preview=true) [Passo 8](https://www.overleaf.com/learn/latex/Articles/Step_8:_How_to_create_a_simple_LaTeX_package_to_configure_your_variable_fonts?preview=true) [Esempi e progetti](https://www.overleaf.com/learn/latex/Articles/Overleaf_projects_showing_how_to_use_variable_fonts_with_LaTeX?preview=true)

In questo passaggio configuriamo gli stili di carattere grassetto, corsivo e grassetto-corsivo per Noto Sans e Roboto Mono e mostriamo come usarli per comporre in maiuscoletto in grassetto, corsivo e grassetto-corsivo.

Apri il progetto Overleaf corrente configurato nel Passaggio 6.

## Configurazione di Noto Sans e Roboto Mono

Vogliamo abilitare gli stili di carattere grassetto, corsivo e grassetto-corsivo per Noto Sans e Roberto Mono. Questi requisiti sono riepilogati nella tabella seguente usando gli identificatori standard di serie e forma dei caratteri di LaTeX. Ricorda che la m viene rimossa dall'identificatore di serie *eccetto* dove *entrambi* la larghezza e il peso sono m (medio).

| **Descrizione del carattere**                                             | **Identificatore della serie** | **Peso** | **Larghezza** | **Forma** |
| ------------------------------------------------------------------------- | ------------------------------ | -------- | ------------- | --------- |
| carattere a peso grassetto, larghezza media nella forma normale (diritta) | b                              | b        | m             | n         |
| carattere a peso medio, larghezza media nella forma corsiva               | m                              | m        | m             | it        |
| carattere a peso grassetto, larghezza media nella forma corsiva           | b                              | b        | m             | it        |

Le sezioni seguenti mostrano come configurare Noto Sans e Roberto Mono per usare queste serie e forme di carattere. La sezione [Mettere tutto insieme](#putting-it-all-together) mostra come attivare queste forme di carattere usando i `\setsansfont` e `\setmonofont` comandi.

### Scelta di un valore dell'asse del peso per i pesi medio e grassetto

Inizieremo selezionando i valori dell'asse del peso per definire istanze a peso medio e a peso grassetto (LINK TO TUTORIAL SECTION) di Noto Sans e Roberto Mono. L' [asse del peso di Noto Sans](https://fonts.google.com/specimen/Noto+Sans/tester) va da 100 a 900, per [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) l'intervallo è 100–700, suggerendo i seguenti valori di peso:

| **Nome del carattere** | **Peso medio** | **Peso grassetto** |
| ---------------------- | -------------- | ------------------ |
| Noto Sans              | 400            | 600                |
| Roboto Mono            | 300            | 550                |

### Configurazione di un carattere corsivo a peso medio per Noto Sans e Roboto Mono

Per aggiungere i caratteri corsivi usiamo il `ItalicFont` di fontspec, che assume la forma

```
ItalicFont=⟨font name⟩
```

dove ⟨font name⟩ è il nome di un carattere, oppure il nome di un file di carattere.

La `cartella VariableFonts` del progetto Overleaf contiene i file di carattere corsivo che dobbiamo usare:

* NotoSans-Italic-VariableFont-wdth-wght.ttf
* RobotoMono-VariableFont-wght.ttf

Usando questi nomi di file e i valori dell'asse del peso elencati sopra, i corsivi a peso medio possono essere aggiunti usando i comandi mostrati nelle sezioni seguenti.

#### Impostazioni per i caratteri diritti e corsivi a peso medio di Noto Sans

Per Noto Sans il seguente codice verrà aggiunto al preambolo del documento (vedi la sezione [Mettere tutto insieme](#putting-it-all-together)).

```latex
\setsansfont{NotoSans-VariableFont-wdth-wght.ttf}[
Weight=400,
ItalicFont=NotoSans-Italic-VariableFont-wdth-wght.ttf
]
```

#### Impostazioni per i caratteri diritti e corsivi a peso medio di Roboto Mono

Per Roboto Mono il seguente codice verrà aggiunto al preambolo del documento (vedi la sezione [Mettere tutto insieme](#putting-it-all-together)).

```latex
\setmonofont{RobotoMono-VariableFont-wght.ttf}[
Weight=300,
ItalicFont=RobotoMono-Italic-VariableFont-wght.ttf
]
```

### Configurazione di grassetto e grassetto-corsivo per Noto Sans e Roboto Mono

Come mostrato nel Passaggio XXX (Link), aggiungeremo i caratteri grassetto usando il `FontFace` di fontspec, che ha la seguente forma

```
FontFace = {⟨series⟩}{⟨shape⟩}{ Font = ⟨font name⟩ , ⟨features⟩ }
```

dove

* `⟨series⟩` è l'identificatore di serie di LaTeX (link alla sezione)
* `⟨shape⟩` è l'identificatore di forma di LaTeX (link alla sezione)
* `⟨font name⟩` è il nome di un file di carattere o il nome di un carattere
* `⟨features⟩` contiene le impostazioni che useremo per configurare i nostri caratteri variabili, ad esempio impostando i valori per l'asse della larghezza o del peso

#### Impostazioni per i caratteri grassetto e grassetto-corsivo di Noto Sans

Per la forma normale (diritta) a peso grassetto abbiamo:

* `⟨series⟩` = b
* `⟨shape⟩` = n
* `⟨font name⟩` = NotoSans-VariableFont-wdth-wght.ttf
* `⟨features⟩` = Weight=600

ottenendo

```
FontFace = {b}{n}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600}
```

Per la forma corsiva a peso grassetto:

* `⟨series⟩` = b
* `⟨shape⟩` = it
* `⟨font name⟩` = NotoSans-VariableFont-wdth-wght.ttf
* `⟨features⟩` = Weight=600

ottenendo

```
FontFace = {b}{it}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600}
```

#### Impostazioni per i caratteri grassetto e grassetto-corsivo di Roboto Mono

Per la forma normale (diritta) a peso grassetto abbiamo:

* `⟨series⟩` = b
* `⟨shape⟩` = n
* `⟨font name⟩` = RobotoMono-VariableFont-wght.ttf
* `⟨features⟩` = Weight=550

ottenendo

```
FontFace = {b}{n}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550}
```

Per la forma corsiva a peso grassetto abbiamo:

* `⟨series⟩` = b
* `⟨shape⟩` = it
* `⟨font name⟩` = RobotoMono-VariableFont-wght.ttf
* `⟨features⟩` = Weight=550

ottenendo

```
FontFace = {b}{it}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550}
```

## Mettere tutto insieme

Per applicare le configurazioni discusse sopra, apri il progetto Overleaf corrente e sostituisci i comandi `\setsansfont` e `\setmonofont` esistenti con le seguenti versioni.

```latex
% Carattere sans serif della famiglia del documento
\setsansfont{NotoSans-VariableFont-wdth-wght.ttf}[
Weight=400,
ItalicFont=NotoSans-Italic-VariableFont-wdth-wght.ttf,
FontFace = {b}{n}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600},
FontFace = {b}{it}{Font =NotoSans-Italic-VariableFont-wdth-wght.ttf,Weight=600}
]
```

```latex
% Carattere monospaziato della famiglia del documento
\setmonofont{RobotoMono-VariableFont-wght.ttf}[
Weight=400,
ItalicFont=RobotoMono-Italic-VariableFont-wght.ttf,
FontFace = {b}{n}{Font =RobotoMono-VariableFont-wght.ttf, Weight=550},
FontFace = {b}{it}{Font = RobotoMono-Italic-VariableFont-wght.ttf, Weight=550}
]
```

## Come usare i nostri nuovi caratteri

Usando fontspec abbiamo configurato i caratteri grassetto, corsivo e grassetto-corsivo per tutte e tre le famiglie di caratteri del documento. Oltre ai caratteri che abbiamo configurato, fontspec ha anche abilitato le versioni in maiuscoletto, come si può vedere incollando il seguente codice nel documento (dopo \begin{document}):

```latex
\begin{itemize}
\item Famiglia del testo principale (Noto Serif):
\begin{itemize}
    \item \textsc{maiuscoletto regolare}
    \item \textit{\scshape maiuscoletto corsivo}  
    \item \textbf{\scshape maiuscoletto grassetto}
    \item \textbf{\itshape\scshape maiuscoletto grassetto corsivo}
\end{itemize}
\item Famiglia sans serif (Noto Sans):
\begin{itemize}
    \item \textsc{\sffamily maiuscoletto regolare}
    \item \textit{\sffamily\scshape maiuscoletto corsivo}  
    \item \textbf{\sffamily\scshape maiuscoletto grassetto}
    \item \textbf{\sffamily\itshape\scshape maiuscoletto grassetto corsivo}
\end{itemize}
\item Famiglia monospaziata (Roboto Mono):
\begin{itemize}
    \item \textsc{\ttfamily maiuscoletto regolare}
    \item \textit{\ttfamily\scshape maiuscoletto corsivo}  
    \item \textbf{\ttfamily\scshape maiuscoletto grassetto}
    \item \textbf{\ttfamily\itshape\scshape maiuscoletto grassetto corsivo}
\end{itemize}
```

Questo codice produce il seguente risultato

![Immagine che mostra il maiuscoletto composto in normale, grassetto e grassetto-corsivo usando tutte e tre le famiglie di caratteri del documento.](/files/4cdc48d1b271d99bfd74e7eb46e9eba0a3dbe8b6)

## Nel passaggio successivo

Il preambolo del documento del nostro progetto è ora piuttosto ingombro di molto codice di configurazione di fontspec. Nel Passaggio 8, spostiamo il codice di configurazione di fontspec in un progetto semplice, semplificando il preambolo del documento e rendendo più facile aggiornare i nostri caratteri.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://overleaf-pro.ayaka.space/latex/it/articoli-approfonditi/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
