> 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/nl/diepgaande-artikelen/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md).

# Stap 7: Noto Sans- en Roboto Mono-variabele lettertypen met LaTeX gebruiken

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

In deze stap configureren we de vet-, cursief- en vet-cursieve lettertypestijlen voor Noto Sans en Roboto Mono en demonstreren we hoe we ze kunnen gebruiken om kleinkapitalen in vet, cursief en vet-cursief te zetten.

Open het huidige Overleaf-project dat is geconfigureerd in Stap 6.

## Noto Sans en Roboto Mono configureren

We willen de lettertypestijlen vet, cursief en vet-cursief inschakelen voor Noto Sans en Roberto Mono. Deze vereisten worden samengevat in de volgende tabel met behulp van LaTeX’ standaardlettertypeserie- en vormidentificaties. Onthoud dat m wordt weggelaten uit de serie-identificatie *behalve* waar *beide* breedte en gewicht zijn m (medium).

| **Lettertypebeschrijving**                                             | **Serie-identificatie** | **Gewicht** | **Breedte** | **Vorm** |
| ---------------------------------------------------------------------- | ----------------------- | ----------- | ----------- | -------- |
| lettertype met vet gewicht, medium breedte in de normale (rechte) vorm | b                       | b           | m           | n        |
| lettertype met medium gewicht, medium breedte in de cursieve vorm      | m                       | m           | m           | it       |
| lettertype met vet gewicht, medium breedte in de cursieve vorm         | b                       | b           | m           | it       |

De volgende secties laten zien hoe je Noto Sans en Roberto Mono configureert om deze lettertypeseries en -vormen te gebruiken. De sectie [Alles samenbrengen](#putting-it-all-together) laat zien hoe je deze lettervormen activeert met behulp van de `\setsansfont` en `\setmonofont` commando’s.

### Een waarde voor de gewichtsas kiezen voor medium- en vetgewichten

We beginnen met het selecteren van waarden voor de gewichtsas om instanties met medium en vet gewicht (LINK TO TUTORIAL SECTION) van Noto Sans en Roberto Mono te definiëren. De [gewichtsas van Noto Sans](https://fonts.google.com/specimen/Noto+Sans/tester) loopt van 100 tot 900, voor [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) loopt het bereik van 100 tot 700, wat de volgende gewichtswaarden suggereert:

| **Lettertypenaam** | **Medium gewicht** | **Vet gewicht** |
| ------------------ | ------------------ | --------------- |
| Noto Sans          | 400                | 600             |
| Roboto Mono        | 300                | 550             |

### Een cursief lettertype met medium gewicht configureren voor Noto Sans en Roboto Mono

Om cursieve lettertypen toe te voegen gebruiken we fontspec’s `ItalicFont` sleutel, die de volgende vorm heeft

```
ItalicFont=⟨lettertypenaam⟩
```

waarbij ⟨lettertypenaam⟩ de naam van een lettertype is, of de naam van een lettertypebestand.

De `VariableFonts` map van het Overleaf-project bevat de cursieve lettertypebestanden die we moeten gebruiken:

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

Met deze bestandsnamen en de hierboven vermelde waarden voor de gewichtsas kunnen cursieve lettertypen met medium gewicht worden toegevoegd met de opdrachten die in de volgende secties worden getoond.

#### Instellingen voor Noto Sans-lettertypen met medium gewicht, rechtop en cursief

Voor Noto Sans wordt de volgende code toegevoegd aan de documentprelude (zie de sectie [Alles samenbrengen](#putting-it-all-together)).

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

#### Instellingen voor Roboto Mono-lettertypen met medium gewicht, rechtop en cursief

Voor Roboto Mono wordt de volgende code toegevoegd aan de documentprelude (zie de sectie [Alles samenbrengen](#putting-it-all-together)).

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

### Vet en vet-cursief configureren voor Noto Sans en Roboto Mono

Zoals getoond in Stap XXX (Link) voegen we vette lettertypen toe met behulp van fontspec’s `FontFace` sleutel, die de volgende vorm heeft

```
FontFace = {⟨serie⟩}{⟨vorm⟩}{ Font = ⟨lettertypenaam⟩ , ⟨features⟩ }
```

waar

* `⟨serie⟩` is de LaTeX-serie-identificatie (link naar sectie)
* `⟨vorm⟩` is de LaTeX-vormidentificatie (link naar sectie)
* `⟨lettertypenaam⟩` is de naam van een lettertypebestand of de naam van een lettertype
* `⟨features⟩` bevat instellingen die we gebruiken om onze variabele lettertypen te configureren, zoals het instellen van waarden voor de breedte- of gewichtsas

#### Instellingen voor Noto Sans-lettertypen met vet gewicht, vet en vet-cursief

Voor de vorm met vet gewicht, normaal (rechtop), hebben we:

* `⟨serie⟩` = b
* `⟨vorm⟩` = n
* `⟨lettertypenaam⟩` = NotoSans-VariableFont-wdth-wght.ttf
* `⟨features⟩` = Weight=600

resulterend in

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

Voor de vorm met vet gewicht, cursief:

* `⟨serie⟩` = b
* `⟨vorm⟩` = it
* `⟨lettertypenaam⟩` = NotoSans-VariableFont-wdth-wght.ttf
* `⟨features⟩` = Weight=600

resulterend in

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

#### Instellingen voor Roboto Mono-lettertypen met vet gewicht, vet en vet-cursief

Voor de vorm met vet gewicht, normaal (rechtop), hebben we:

* `⟨serie⟩` = b
* `⟨vorm⟩` = n
* `⟨lettertypenaam⟩` = RobotoMono-VariableFont-wght.ttf
* `⟨features⟩` = Weight=550

resulterend in

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

Voor de vorm met vet gewicht, cursief hebben we:

* `⟨serie⟩` = b
* `⟨vorm⟩` = it
* `⟨lettertypenaam⟩` = RobotoMono-VariableFont-wght.ttf
* `⟨features⟩` = Weight=550

resulterend in

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

## Alles samenbrengen

Om de hierboven besproken configuraties toe te passen, open het huidige Overleaf-project en vervang de bestaande `\setsansfont` en `\setmonofont` opdrachten door de volgende versies.

```latex
% Lettertype voor de documentfamilie sans serif
\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
% Monospaced lettertype voor de documentfamilie
\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}
]
```

## Hoe onze nieuwe lettertypen te gebruiken

Met fontspec hebben we vette, cursieve en vet-cursieve lettertypen geconfigureerd voor alle drie de documentlettertypefamilies. Naast de lettertypen die we hebben geconfigureerd, heeft fontspec ook versies met kleinkapitalen ingeschakeld, zoals te zien is door de volgende code in je document te plakken (na \begin{document}):

```latex
\begin{itemize}
\item Hoofdtekstfamilie (Noto Serif):
\begin{itemize}
    \item \textsc{gewone kleinkapitalen}
    \item \textit{\scshape cursieve kleinkapitalen}  
    \item \textbf{\scshape vette kleinkapitalen}
    \item \textbf{\itshape\scshape vette cursieve kleinkapitalen}
\end{itemize}
\item Sans serif-familie (Noto Sans):
\begin{itemize}
    \item \textsc{\sffamily gewone kleinkapitalen}
    \item \textit{\sffamily\scshape cursieve kleinkapitalen}  
    \item \textbf{\sffamily\scshape vette kleinkapitalen}
    \item \textbf{\sffamily\itshape\scshape vette cursieve kleinkapitalen}
\end{itemize}
\item Monospaced-familie (Roboto Mono):
\begin{itemize}
    \item \textsc{\ttfamily gewone kleinkapitalen}
    \item \textit{\ttfamily\scshape cursieve kleinkapitalen}  
    \item \textbf{\ttfamily\scshape vette kleinkapitalen}
    \item \textbf{\ttfamily\itshape\scshape vette cursieve kleinkapitalen}
\end{itemize}
```

Deze code produceert de volgende uitvoer

![Afbeelding die kleinkapitalen toont gezet in normaal, vet en vet-cursief met gebruik van alle drie documentlettertypefamilies.](/files/3630b6e5364917190c4008bf4b274411c1affb73)

## In de volgende stap

De prelude van ons projectdocument is nu behoorlijk rommelig met veel fontspec-configuratiecode. In Stap 8 verplaatsen we de fontspec-instelcode naar een eenvoudig project, waardoor de documentprelude wordt vereenvoudigd en het makkelijker wordt om onze lettertypen bij te werken.


---

# 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/nl/diepgaande-artikelen/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.
