> 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/sv/fordjupade-artiklar/37-step-1-setting-up-an-overleaf-project-to-use-variable-fonts.md).

# Steg 1: Konfigurera ett Overleaf-projekt för att använda variabla typsnitt

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

För att börja den här handledningen, öppna [det medföljande Overleaf-projektet](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d) som innehåller följande variabla typsnitt:

* [Noto Serif](https://fonts.google.com/noto/specimen/Noto+Serif/tester) (huvuddokumentets text)
* [Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans/tester) (sans serif-typsnitt)
* [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) (typsnitt med fast bredd)

Dessa typsnitt är ännu inte konfigurerade för användning. Inledningsvis, när du kompilerar [det medföljande Overleaf-projektet](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d), kommer LaTeX:s standardtypsnitt för brödtext att användas. Under hela den här handledningen kommer du att lära dig hur du ersätter dessa standardtypsnitt med de variabla typsnitt som finns i projektmappen med namnet `VariableFonts`.

Om du föredrar att använda andra variabla typsnitt följer du bara instruktionerna nedan. Annars går du vidare till [Steg 2](https://www.overleaf.com/learn/latex/Articles/Step_2:_An_introduction_to_LaTeX_fonts?preview=true) den här handledningen.

## (Valfritt) Så väljer och laddar du upp dina egna variabla typsnitt

Följ dessa steg för att ladda upp variabla typsnitt som du själv väljer.

### 1. Hämta variabla typsnitt från Google Fonts

[Google Fonts](https://fonts.google.com/) är en utmärkt resurs. Den erbjuder [användbar dokumentation](https://fonts.google.com/knowledge/introducing_type/introducing_variable_fonts) och många [variabla typsnitt som är gratis att använda](https://fonts.google.com/?vfonly=true) som kan laddas upp till Overleaf och konfigureras för användning i dina projekt.

* **TIPS**: Använd filtren i Google Fonts för att hitta variabla typsnitt. Ställ in *Teknik* filtret till *Variabel* för att endast visa variabla typsnitt. Använd ytterligare filter, såsom *Serif*, för att ytterligare avgränsa sökningen.

![Bild som visar sökfilter i Google Fonts](/files/165d46056f1d08b2e4bfec2a716d18fe05e4961a)

* **TIPS**: Du kan bläddra bland variabla typsnitt utifrån de designaxlar de stöder: se <https://fonts.google.com/variablefonts>. Google tillhandahåller också definitioner av designaxlar för variabla typsnitt: se <https://fonts.google.com/variablefonts#axis-definitions>.
* När du har hittat de variabla typsnitt du vill använda laddar du ner dem till din lokala enhet och byter namn på eventuella filer som innehåller problematiska tecken.
* Vissa variabla typsnitt består av två `.ttf` filer: en för den upprätta (vanliga) formen och, om den finns, en för den kursiva formen. Kontrollera detta för varje typsnitt du laddar ner.

### 2. Byt namn på problematiska Google-teckensnittsfilnamn

Googles namngivningsschema för variabla typsnittsfiler inkluderar typsnittets designaxlar, avskilda med kommatecken. Tyvärr orsakar det schemat problem för fontspec, ett paket som är nödvändigt för att använda variabla typsnitt med LuaLaTeX. Till exempel erbjuder Noto Serif axlarna bredd och vikt och levereras som två filer—en för det upprätta typsnittet och en för det kursiva typsnittet:

* NotoSerif-VariableFont\_wdth,wght.ttf
* NotoSerif-Italic-VariableFont\_wdth,wght.ttf

Kommatecknen i dessa filnamn utlöser fel när de används i fontspecs `\setmainfont` kommandot. Till exempel ger

```
\setmainfont{NotoSerif-VariableFont_wdth,wght.ttf}
[ItalicFont = NotoSerif-Italic-VariableFont_wdth,wght.ttf]
```

fel som bland annat innehåller

```
! Paketet fontspec-fel: Typsnittet "NotoSerif-Italic-VariableFont_wdth" kan inte
(fontspec)                hittas.

! LaTeX-fel: Nyckeln 'fontspec-opentype/wght.ttf' är okänd och
(LaTeX)        ignoreras.
```

För att lösa detta problem behöver du byta namn på teckensnittsfilerna för att ta bort kommatecken (och understreck '\_'), ersätta dem med ett ”säkert” tecken, såsom bindestreck ('-'), och se till att inga blanktecken läggs till. Till exempel kan du byta namn på:

* NotoSans-VariableFont\_wdth,wght.ttf

till

* NotoSans-VariableFont-wdth-wght.ttf

Det här enkla steget att byta namn hjälper till att undvika konflikter och säkerställer en smidig integrering av variabla typsnitt i dina LaTeX-dokument.

### 3. Skapa ett nytt Overleaf-projekt

* Skapa ett nytt Overleaf-projekt och [ställ in kompilatorn på LuaLaTeX](/latex/sv/kunskapsbas/026-changing-compiler.md) eftersom det är den enda kompilatorn som stöder variabla typsnitt.
* Lägg till `fontspec` paketet i dokumentets preamble genom att skriva `\usepackage{fontspec}`.
* Välj filuppladdningsikonen (![Image displaying Overleaf file-upload icon](/files/9525bfa6c6be89b5b65d7984788dcdc918d3dbf4)) för att lägga till de lokalt omdöpta variabla typsnittsfilerna i ditt nya projekt:

![Bild som visar hur man laddar upp en fil till ett Overleaf-projekt](/files/2859f21deb8765fbfe02de1faf59313b8fe506a6)

### 4. (Valfritt) organisera projektets typsnittsfiler

Om du vill experimentera med ett antal typsnitt, till exempel när du testar dokumentdesign, är det bra att organisera dina typsnittsfiler med hjälp av projektmappar. Men vid kompilering kommer LaTeX inte automatiskt att söka efter typsnitt i dina projektmappar; du måste hjälpa LaTeX genom att använda en lokal konfigurationsfil som heter [latexmkrc](/latex/sv/fordjupade-artiklar/28-how-to-use-latexmkrc-with-overleaf.md). Vi går inte in på detaljer här, men rekommenderar att du skapar en projektmapp som heter `VariableFonts` och kopierar `latexmkrc` filen som används i det [medföljande projektet](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d).

## I nästa steg

Steg 2 introducerar LaTeX:s modell för val av typsnitt: New Font Selection Scheme, och ger viktig bakgrundsinformation som används genom resten av den här handledningen.

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


---

# 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/sv/fordjupade-artiklar/37-step-1-setting-up-an-overleaf-project-to-use-variable-fonts.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.
