> 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/fi/syvalliset-artikkelit/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md). # Vaihe 7: Noto Sans- ja Roboto Mono -muuttujafonttien käyttäminen LaTeXin kanssa [Johdanto](https://www.overleaf.com/learn/latex/Articles/How_to_use_OpenType_variable_fonts_with_LaTeX?preview=true) [Vaihe 1](https://www.overleaf.com/learn/latex/Articles/Step_1:_Setting_up_an_Overleaf_project_to_use_variable_fonts?preview=true) [Vaihe 2](https://www.overleaf.com/learn/latex/Articles/Step_2:_An_introduction_to_LaTeX_fonts?preview=true) [Vaihe 3](https://www.overleaf.com/learn/latex/Articles/Step_3:_Replacing_LaTeX’s_default_fonts_with_variable_fonts?preview=true) [Vaihe 4](https://www.overleaf.com/learn/latex/Articles/Step_4:_How_to_configure_an_italic_variable_font_using_fontspec?preview=true) [Vaihe 5](https://www.overleaf.com/learn/latex/Articles/Step_5:_LaTeX_font_weights_and_named_instances_of_variable_fonts?preview=true) [Vaihe 6](https://www.overleaf.com/learn/latex/Articles/Step_6:_Using_variable_fonts_to_add_bold_fonts_to_an_Overleaf_project?preview=true) [Vaihe 7](https://www.overleaf.com/learn/latex/Articles/Step_7:_Using_Noto_Sans_and_Roboto_Mono_variable_fonts_with_LaTeX?preview=true) [Vaihe 8](https://www.overleaf.com/learn/latex/Articles/Step_8:_How_to_create_a_simple_LaTeX_package_to_configure_your_variable_fonts?preview=true) [Esimerkit ja projektit](https://www.overleaf.com/learn/latex/Articles/Overleaf_projects_showing_how_to_use_variable_fonts_with_LaTeX?preview=true) Tässä vaiheessa määritämme Noto Sans- ja Roboto Mono -kirjasimille lihavoidun, kursivoidun ja lihavoidun kursivoidun kirjasintyylin sekä osoitamme niiden käytön kapiteelien ladontaan lihavoituna, kursivoituna ja lihavoituna kursivoituna. Avaa nykyinen Overleaf-projekti, joka on määritetty vaiheessa 6. ## Noto Sansin ja Roboto Monon määrittäminen Haluamme ottaa käyttöön Noto Sans- ja Roberto Mono -kirjasimille lihavoidun, kursivoidun ja lihavoidun kursivoidun kirjasintyylin. Nämä vaatimukset on koottu seuraavaan taulukkoon käyttäen LaTeXin vakioita kirjasinperheen ja muodon tunnisteita. Muista, että m jätetään pois sarjatunnisteesta *paitsi* jossa *molemmat* leveys ja paino ovat m (medium). | **Kirjasimen kuvaus** | **Sarjatunniste** | **Paino** | **Leveys** | **Muoto** | | ------------------------------------------------------------------------------- | ----------------- | --------- | ---------- | --------- | | lihavoidun painoinen, keskileveyksinen kirjasin normaalissa (pystyssä) muodossa | b | b | m | n | | keskipainoinen, keskileveyksinen kirjasin kursivoidussa muodossa | m | m | m | it | | lihavoidun painoinen, keskileveyksinen kirjasin kursivoidussa muodossa | b | b | m | it | Seuraavissa osioissa näytetään, miten Noto Sans ja Roberto Mono määritetään käyttämään näitä kirjasinsarjoja ja -muotoja. Osio [Kaiken kokoaminen yhteen](#putting-it-all-together) näyttää, miten nämä kirjasinmuodot otetaan käyttöön käyttämällä `\setsansfont` ja `\setmonofont` komentojen kautta. ### Painoakselin arvon valitseminen keskipainolle ja lihavoidulle painolle Aloitamme valitsemalla painoakselin arvoja määrittääksemme Noto Sansin ja Roberto Monon keskipainoiset ja lihavoidut instanssit (LINKKI TUTORIAL-OSIOON). [Noto Sansin painoakseli](https://fonts.google.com/specimen/Noto+Sans/tester) vaihtelee välillä 100–900, [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) alue on 100–700, mikä viittaa seuraaviin painoarvoihin: | **Kirjasimen nimi** | **Keskipaino** | **Lihavoitu paino** | | ------------------- | -------------- | ------------------- | | Noto Sans | 400 | 600 | | Roboto Mono | 300 | 550 | ### Noto Sansin ja Roboto Monon keskipainoisen kursivoidun kirjasimen määrittäminen Kursivoitujen kirjasinten lisäämiseksi käytämme fontspecin `ItalicFont` avainta, joka on muotoa ``` ItalicFont=⟨fontin nimi⟩ ``` jossa ⟨fontin nimi⟩ on kirjasimen nimi tai kirjasintiedoston nimi. Overleaf-projektin `VariableFonts` kansio sisältää tarvitsemaamme kursivoitujen kirjasinten tiedostot: * NotoSans-Italic-VariableFont-wdth-wght.ttf * RobotoMono-VariableFont-wght.ttf Näiden tiedostonimien ja yllä lueteltujen painoakselin arvojen avulla keskipainoiset kursiivit voidaan lisätä seuraavissa osioissa esitetyillä komennoilla. #### Asetukset Noto Sansin keskipainoisille pysty- ja kursivoiduille kirjasimille Noto Sansin osalta seuraava koodi lisätään asiakirjan preambulaan (katso osio [Kaiken kokoaminen yhteen](#putting-it-all-together)). ```latex \setsansfont{NotoSans-VariableFont-wdth-wght.ttf}[ Weight=400, ItalicFont=NotoSans-Italic-VariableFont-wdth-wght.ttf ] ``` #### Asetukset Roboto Monon keskipainoisille pysty- ja kursivoiduille kirjasimille Roboto Monon osalta seuraava koodi lisätään asiakirjan preambulaan (katso osio [Kaiken kokoaminen yhteen](#putting-it-all-together)). ```latex \setmonofont{RobotoMono-VariableFont-wght.ttf}[ Weight=300, ItalicFont=RobotoMono-Italic-VariableFont-wght.ttf ] ``` ### Lihavoidun ja lihavoidun kursiivin määrittäminen Noto Sansille ja Roboto Monolle Kuten vaiheessa XXX (Linkki) näytetään, lisäämme lihavoidut kirjasimet fontspecin `FontFace` avaimella, jolla on seuraava muoto ``` FontFace = {⟨sarja⟩}{⟨muoto⟩}{ Font = ⟨fontin nimi⟩ , ⟨ominaisuudet⟩ } ``` jossa * `⟨sarja⟩` on LaTeXin sarjatunniste (linkki osioon) * `⟨muoto⟩` on LaTeXin muodon tunniste (linkki osioon) * `⟨fontin nimi⟩` on kirjasintiedoston nimi tai kirjasimen nimi * `⟨ominaisuudet⟩` sisältää asetuksia, joita käytämme muuttuvien kirjasimien määrittämiseen, kuten leveyden tai painoakselin arvojen asettamiseen #### Asetukset Noto Sansin lihavoiduille ja lihavoiduille kursiiveille Lihavoidulle painolle, normaalissa (pystysuorassa) muodossa meillä on: * `⟨sarja⟩` = b * `⟨muoto⟩` = n * `⟨fontin nimi⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨ominaisuudet⟩` = Weight=600 mikä tuottaa ``` FontFace = {b}{n}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` Lihavoidulle painolle, kursivoidussa muodossa: * `⟨sarja⟩` = b * `⟨muoto⟩` = it * `⟨fontin nimi⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨ominaisuudet⟩` = Weight=600 mikä tuottaa ``` FontFace = {b}{it}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` #### Asetukset Roboto Monon lihavoiduille ja lihavoiduille kursiiveille Lihavoidulle painolle, normaalissa (pystysuorassa) muodossa meillä on: * `⟨sarja⟩` = b * `⟨muoto⟩` = n * `⟨fontin nimi⟩` = RobotoMono-VariableFont-wght.ttf * `⟨ominaisuudet⟩` = Weight=550 mikä tuottaa ``` FontFace = {b}{n}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` Lihavoidulle painolle, kursivoidussa muodossa meillä on: * `⟨sarja⟩` = b * `⟨muoto⟩` = it * `⟨fontin nimi⟩` = RobotoMono-VariableFont-wght.ttf * `⟨ominaisuudet⟩` = Weight=550 mikä tuottaa ``` FontFace = {b}{it}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` ## Kaiken kokoaminen yhteen Käyttääksesi edellä käsiteltyjä asetuksia, avaa nykyinen Overleaf-projekti ja korvaa olemassa olevat `\setsansfont` ja `\setmonofont` komennot seuraavilla versioilla. ```latex % Asiakirjaperheen päätteetön kirjasin \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 % Asiakirjaperheen tasavälinen kirjasin \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} ] ``` ## Kuinka käyttää uusia kirjasimiamme fontspecin avulla olemme määrittäneet lihavoidut, kursivoidut ja lihavoidut kursivoidut kirjasimet kaikille kolmelle asiakirjan kirjasinperheelle. Määrittämiemme kirjasinten lisäksi fontspec on ottanut käyttöön myös kapiteeliversiot, kuten voidaan nähdä liittämällä seuraava koodi asiakirjaasi (\begin{document} jälkeen): ```latex \begin{itemize} \item Päätekstin perhe (Noto Serif): \begin{itemize}     \item \textsc{tavalliset kapiteelit}     \item \textit{\scshape kursivoidut kapiteelit}       \item \textbf{\scshape lihavoidut kapiteelit}     \item \textbf{\itshape\scshape lihavoidut kursivoidut kapiteelit} \end{itemize} \item Päätteetön perhe (Noto Sans): \begin{itemize}     \item \textsc{\sffamily tavalliset kapiteelit}     \item \textit{\sffamily\scshape kursivoidut kapiteelit}       \item \textbf{\sffamily\scshape lihavoidut kapiteelit}     \item \textbf{\sffamily\itshape\scshape lihavoidut kursivoidut kapiteelit} \end{itemize} \item Tasavälinen perhe (Roboto Mono): \begin{itemize}     \item \textsc{\ttfamily tavalliset kapiteelit}     \item \textit{\ttfamily\scshape kursivoidut kapiteelit}       \item \textbf{\ttfamily\scshape lihavoidut kapiteelit}     \item \textbf{\ttfamily\itshape\scshape lihavoidut kursivoidut kapiteelit} \end{itemize} ``` Tämä koodi tuottaa seuraavan tulosteen ![Kuva, joka näyttää kapiteelit ladottuina normaalina, lihavoituna ja lihavoituna kursivoituna käyttäen kaikkia kolmea asiakirjan kirjasinperhettä.](/files/46dadc3fbe1084d343c5701b33e704499c023770) ## Seuraavassa vaiheessa Projektimme asiakirjan preambula on nyt melko täynnä fontspec-määrityskoodia. Vaiheessa 8 siirrämme fontspecin asetuskoon yksinkertaiseen projektiin, mikä yksinkertaistaa asiakirjan preambulaan ja helpottaa kirjasintemme päivittämistä. --- # 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/fi/syvalliset-artikkelit/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.