> 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/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md). # Steg 7: Använd variabla typsnitt som Noto Sans och Roboto Mono med LaTeX [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) I detta steg konfigurerar vi fet, kursiv och fet-kursiv typsnittsstil för Noto Sans och Roboto Mono och visar hur de kan användas för att sätta text i små kapitäler i fet, kursiv och fet-kursiv. Öppna det aktuella Overleaf-projektet som konfigurerades i steg 6. ## Konfigurera Noto Sans och Roboto Mono Vi vill aktivera typsnittsstilarna fet, kursiv och fet-kursiv för Noto Sans och Roberto Mono. Dessa krav sammanfattas i följande tabell med LaTeX:s standardidentifierare för typsnittsfamilj och form. Kom ihåg att m utelämnas från serieidentifieraren *utom* där *båda* bredd och vikt är m (medium). | **Typsnittsbeskrivning** | **Serieidentifierare** | **Vikt** | **Bredd** | **Form** | | ----------------------------------------------------------------- | ---------------------- | -------- | --------- | -------- | | typsnitt med fet vikt, medelbredd i den normala (upprätta) formen | b | b | m | n | | typsnitt med medelvikt, medelbredd i kursiv form | m | m | m | it | | typsnitt med fet vikt, medelbredd i kursiv form | b | b | m | it | I följande avsnitt visas hur man konfigurerar Noto Sans och Roberto Mono för att använda dessa typsnittsfamiljer och former. Avsnittet [Att sätta ihop allt](#putting-it-all-together) visar hur dessa typsnittsformer aktiveras med `\setsansfont` och `\setmonofont` kommandon. ### Välja ett värde på viktaxeln för mellan- och fet vikt Vi börjar med att välja värden på viktaxeln för att definiera instanser med mellanvikt och fet vikt (LÄNK TILL HANDLEDNINGSAVSNITT) av Noto Sans och Roberto Mono. Viktaxeln för Noto Sans [sträcker sig från 100 till 900, för](https://fonts.google.com/specimen/Noto+Sans/tester) är intervallet 100 till 700, vilket ger följande viktvärden: [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) Typsnittsnamn | **Medelvikt** | **Fet vikt** | **Konfigurera ett kursivt typsnitt med medelvikt för Noto Sans och Roboto Mono** | | ------------- | ------------ | -------------------------------------------------------------------------------- | | Noto Sans | 400 | 600 | | Roboto Mono | 300 | 550 | ### För att lägga till kursiva typsnitt använder vi fontspec:s nyckel som har formen `ItalicFont` ItalicFont=⟨typsnittsnamn⟩ ``` där ⟨typsnittsnamn⟩ är namnet på ett typsnitt eller namnet på en typsnittsfild. ``` Overleaf-projektets mapp innehåller de kursiva typsnittsfilernasom vi behöver använda: `VariableFonts` mapp innehåller de kursiva typsnittsfilernasom vi behöver använda: * NotoSans-Italic-VariableFont-wdth-wght.ttf * RobotoMono-VariableFont-wght.ttf Med dessa filnamn och de viktaxelvärden som anges ovan kan kursiv stil med medelvikt läggas till med de kommandon som visas i följande avsnitt. #### Inställningar för Noto Sans upprätt och kursivt typsnitt med medelvikt För Noto Sans kommer följande kod att läggas till i dokumentets preamble (se avsnittet [Att sätta ihop allt](#putting-it-all-together)). ```latex \setsansfont{NotoSans-VariableFont-wdth-wght.ttf}[ Weight=400, ItalicFont=NotoSans-Italic-VariableFont-wdth-wght.ttf ] ``` #### Inställningar för Roboto Mono upprätt och kursivt typsnitt med medelvikt För Roboto Mono kommer följande kod att läggas till i dokumentets preamble (se avsnittet [Att sätta ihop allt](#putting-it-all-together)). ```latex \setmonofont{RobotoMono-VariableFont-wght.ttf}[ Weight=300, ItalicFont=RobotoMono-Italic-VariableFont-wght.ttf ] ``` ### Konfigurera fet och fet-kursiv för Noto Sans och Roboto Mono Som visas i steg XXX (Länk) lägger vi till feta typsnitt med fontspec:s `FontFace` nyckel, som har följande form ``` FontFace = {⟨serie⟩}{⟨form⟩}{ Font = ⟨typsnittsnamn⟩ , ⟨egenskaper⟩ } ``` där * `⟨serie⟩` är LaTeX:s serieidentifierare (länk till avsnitt) * `⟨form⟩` är LaTeX:s formidentifierare (länk till avsnitt) * `⟨typsnittsnamn⟩` är namnet på en typsnittsfil eller namnet på ett typsnitt * `⟨egenskaper⟩` innehåller inställningar som vi använder för att konfigurera våra variabla typsnitt, till exempel att ange värden för bredd- eller viktaxeln #### Inställningar för Noto Sans feta och fet-kursiva typsnitt För den feta vikten, i normal (upprätt) form har vi: * `⟨serie⟩` = b * `⟨form⟩` = n * `⟨typsnittsnamn⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨egenskaper⟩` = Weight=600 vilket ger ``` FontFace = {b}{n}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` För den feta vikten, kursiv form: * `⟨serie⟩` = b * `⟨form⟩` = it * `⟨typsnittsnamn⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨egenskaper⟩` = Weight=600 vilket ger ``` FontFace = {b}{it}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` #### Inställningar för Roboto Mono feta och fet-kursiva typsnitt För den feta vikten, i normal (upprätt) form har vi: * `⟨serie⟩` = b * `⟨form⟩` = n * `⟨typsnittsnamn⟩` = RobotoMono-VariableFont-wght.ttf * `⟨egenskaper⟩` = Weight=550 vilket ger ``` FontFace = {b}{n}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` För den feta vikten, kursiv form har vi: * `⟨serie⟩` = b * `⟨form⟩` = it * `⟨typsnittsnamn⟩` = RobotoMono-VariableFont-wght.ttf * `⟨egenskaper⟩` = Weight=550 vilket ger ``` FontFace = {b}{it}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` ## Att sätta ihop allt För att tillämpa konfigurationerna som diskuterats ovan, öppna det aktuella Overleaf-projektet och ersätt de befintliga `\setsansfont` och `\setmonofont` kommandona med följande versioner. ```latex % Dokumentfamiljens sans serif-typsnitt \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 % Dokumentfamiljens monospaced-typsnitt \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} ] ``` ## Hur man använder våra nya typsnitt Med fontspec har vi konfigurerat feta, kursiva och fet-kursiva typsnitt för alla tre dokumenttypsnittsfamiljerna. Utöver de typsnitt vi har konfigurerat har fontspec också aktiverat versioner med små kapitäler, vilket kan ses genom att klistra in följande kod i ditt dokument (efter \begin{document}): ```latex \begin{itemize} \item Huvudtextfamilj (Noto Serif): \begin{itemize}     \item \textsc{vanliga små kapitäler}     \item \textit{\scshape kursiva små kapitäler}       \item \textbf{\scshape feta små kapitäler}     \item \textbf{\itshape\scshape feta kursiva små kapitäler} \end{itemize} \item Sans serif-familj (Noto Sans): \begin{itemize}     \item \textsc{\sffamily vanliga små kapitäler}     \item \textit{\sffamily\scshape kursiva små kapitäler}       \item \textbf{\sffamily\scshape feta små kapitäler}     \item \textbf{\sffamily\itshape\scshape feta kursiva små kapitäler} \end{itemize} \item Monospaced-familj (Roboto Mono): \begin{itemize}     \item \textsc{\ttfamily vanliga små kapitäler}     \item \textit{\ttfamily\scshape kursiva små kapitäler}       \item \textbf{\ttfamily\scshape feta små kapitäler}     \item \textbf{\ttfamily\itshape\scshape feta kursiva små kapitäler} \end{itemize} ``` Den här koden ger följande utdata ![Bild som visar små kapitäler satta i normal, fet och fet-kursiv stil med alla tre dokumenttypsnittsfamiljerna.](/files/5496de8800cc6ceb38da49f1472d4b8dffdd396b) ## I nästa steg Vårt projektdokuments preamble är nu ganska rörig med en hel del konfigurationskod för fontspec. I steg 8 flyttar vi fontspec-inställningskoden till ett enkelt projekt, vilket förenklar dokumentets preamble och gör det lättare att uppdatera våra typsnitt. --- # 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/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md?ask=&goal= ``` `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.