> 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/fr/articles-approfondis/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md). # Étape 7 : Utiliser les polices variables Noto Sans et Roboto Mono avec LaTeX [Introduction](https://www.overleaf.com/learn/latex/Articles/How_to_use_OpenType_variable_fonts_with_LaTeX?preview=true) [Étape 1](https://www.overleaf.com/learn/latex/Articles/Step_1:_Setting_up_an_Overleaf_project_to_use_variable_fonts?preview=true) [Étape 2](https://www.overleaf.com/learn/latex/Articles/Step_2:_An_introduction_to_LaTeX_fonts?preview=true) [Étape 3](https://www.overleaf.com/learn/latex/Articles/Step_3:_Replacing_LaTeX’s_default_fonts_with_variable_fonts?preview=true) [Étape 4](https://www.overleaf.com/learn/latex/Articles/Step_4:_How_to_configure_an_italic_variable_font_using_fontspec?preview=true) [Étape 5](https://www.overleaf.com/learn/latex/Articles/Step_5:_LaTeX_font_weights_and_named_instances_of_variable_fonts?preview=true) [Étape 6](https://www.overleaf.com/learn/latex/Articles/Step_6:_Using_variable_fonts_to_add_bold_fonts_to_an_Overleaf_project?preview=true) [Étape 7](https://www.overleaf.com/learn/latex/Articles/Step_7:_Using_Noto_Sans_and_Roboto_Mono_variable_fonts_with_LaTeX?preview=true) [Étape 8](https://www.overleaf.com/learn/latex/Articles/Step_8:_How_to_create_a_simple_LaTeX_package_to_configure_your_variable_fonts?preview=true) [Exemples et projets](https://www.overleaf.com/learn/latex/Articles/Overleaf_projects_showing_how_to_use_variable_fonts_with_LaTeX?preview=true) Dans cette étape, nous configurons les styles de police gras, italique et gras italique pour Noto Sans et Roboto Mono et montrons comment les utiliser pour composer des petites capitales en gras, italique et gras italique. Ouvrez le projet Overleaf actuel configuré à l’étape 6. ## Configuration de Noto Sans et Roboto Mono Nous voulons activer les styles de police gras, italique et gras italique pour Noto Sans et Roberto Mono. Ces exigences sont résumées dans le tableau suivant à l’aide des identifiants standard de série et de forme de police de LaTeX. N’oubliez pas que m est supprimé de l’identifiant de série *sauf* où *les deux* la largeur et le poids sont m (moyen). | **Description de la police** | **Identifiant de série** | **Poids** | **Largeur** | **Forme** | | ------------------------------------------------------------------------ | ------------------------ | --------- | ----------- | --------- | | police de poids gras, de largeur moyenne, dans la forme normale (droite) | b | b | m | n | | police de poids moyen, de largeur moyenne, dans la forme italique | m | m | m | it | | police de poids gras, de largeur moyenne, dans la forme italique | b | b | m | it | Les sections suivantes montrent comment configurer Noto Sans et Roberto Mono pour utiliser ces séries et formes de police. La section [Mettre le tout ensemble](#putting-it-all-together) montre comment activer ces formes de police à l’aide des `\setsansfont` et `\setmonofont` commandes. ### Choix d’une valeur d’axe de graisse pour les graisses moyenne et grasse Nous commencerons par sélectionner des valeurs de l’axe de graisse pour définir des instances de poids moyen et de poids gras (LIEN VERS LA SECTION DU TUTORIEL) de Noto Sans et Roberto Mono. L’ [axe de graisse de Noto Sans](https://fonts.google.com/specimen/Noto+Sans/tester) va de 100 à 900, pour [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) la plage va de 100 à 700, ce qui suggère les valeurs de graisse suivantes : | **Nom de la police** | **Poids moyen** | **Poids gras** | | -------------------- | --------------- | -------------- | | Noto Sans | 400 | 600 | | Roboto Mono | 300 | 550 | ### Configuration d’une police italique de poids moyen pour Noto Sans et Roboto Mono Pour ajouter des polices italiques, nous utilisons le `ItalicFont` mot-clé qui prend la forme ``` ItalicFont=⟨font name⟩ ``` où ⟨font name⟩ est le nom d’une police ou le nom d’un fichier de police. Le dossier du projet Overleaf `VariableFonts` contient les fichiers de police italiques que nous devons utiliser : * NotoSans-Italic-VariableFont-wdth-wght.ttf * RobotoMono-VariableFont-wght.ttf En utilisant ces noms de fichiers et les valeurs de l’axe de graisse listées ci-dessus, des italiques de poids moyen peuvent être ajoutées à l’aide des commandes montrées dans les sections suivantes. #### Paramètres pour les polices droites et italiques de poids moyen de Noto Sans Pour Noto Sans, le code suivant sera ajouté au préambule du document (voir la section [Mettre le tout ensemble](#putting-it-all-together)). ```latex \setsansfont{NotoSans-VariableFont-wdth-wght.ttf}[ Weight=400, ItalicFont=NotoSans-Italic-VariableFont-wdth-wght.ttf ] ``` #### Paramètres pour les polices droites et italiques de poids moyen de Roboto Mono Pour Roboto Mono, le code suivant sera ajouté au préambule du document (voir la section [Mettre le tout ensemble](#putting-it-all-together)). ```latex \setmonofont{RobotoMono-VariableFont-wght.ttf}[ Weight=300, ItalicFont=RobotoMono-Italic-VariableFont-wght.ttf ] ``` ### Configuration du gras et du gras italique pour Noto Sans et Roboto Mono Comme montré à l’étape XXX (lien), nous ajouterons des polices grasses à l’aide du `FontFace` clé, qui prend la forme suivante ``` FontFace = {⟨series⟩}{⟨shape⟩}{ Font = ⟨font name⟩ , ⟨features⟩ } ``` où * `⟨series⟩` est l’identifiant de série LaTeX (lien vers la section) * `⟨shape⟩` est l’identifiant de forme LaTeX (lien vers la section) * `⟨font name⟩` est le nom d’un fichier de police ou le nom d’une police * `⟨features⟩` contient les réglages que nous utiliserons pour configurer nos polices variables, comme la définition de valeurs pour l’axe de largeur ou de graisse #### Paramètres pour les polices grasses et grasses italique de Noto Sans Pour la forme normale (droite) de poids gras, nous avons : * `⟨series⟩` = b * `⟨shape⟩` = n * `⟨font name⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨features⟩` = Weight=600 ce qui donne ``` FontFace = {b}{n}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` Pour la forme italique de poids gras : * `⟨series⟩` = b * `⟨shape⟩` = it * `⟨font name⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨features⟩` = Weight=600 ce qui donne ``` FontFace = {b}{it}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` #### Paramètres pour les polices grasses et grasses italique de Roboto Mono Pour la forme normale (droite) de poids gras, nous avons : * `⟨series⟩` = b * `⟨shape⟩` = n * `⟨font name⟩` = RobotoMono-VariableFont-wght.ttf * `⟨features⟩` = Weight=550 ce qui donne ``` FontFace = {b}{n}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` Pour la forme italique de poids gras, nous avons : * `⟨series⟩` = b * `⟨shape⟩` = it * `⟨font name⟩` = RobotoMono-VariableFont-wght.ttf * `⟨features⟩` = Weight=550 ce qui donne ``` FontFace = {b}{it}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` ## Mettre le tout ensemble Pour appliquer les configurations discutées ci-dessus, ouvrez le projet Overleaf actuel et remplacez les `\setsansfont` et `\setmonofont` commandes existantes par les versions suivantes. ```latex % Police sans serif de la famille de document \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 % Police à chasse fixe de la famille de document \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} ] ``` ## Comment utiliser nos nouvelles polices À l’aide de fontspec, nous avons configuré des polices grasses, italiques et grasses italiques pour les trois familles de polices du document. En plus des polices que nous avons configurées, fontspec a également activé des variantes en petites capitales, comme on peut le voir en collant le code suivant dans votre document (après \begin{document}) : ```latex \begin{itemize} \item Famille du texte principal (Noto Serif) : \begin{itemize}     \item \textsc{petites capitales normales}     \item \textit{\scshape petites capitales italiques}       \item \textbf{\scshape petites capitales grasses}     \item \textbf{\itshape\scshape petites capitales grasses italiques} \end{itemize} \item Famille sans serif (Noto Sans) : \begin{itemize}     \item \textsc{\sffamily petites capitales normales}     \item \textit{\sffamily\scshape petites capitales italiques}       \item \textbf{\sffamily\scshape petites capitales grasses}     \item \textbf{\sffamily\itshape\scshape petites capitales grasses italiques} \end{itemize} \item Famille à chasse fixe (Roboto Mono) : \begin{itemize}     \item \textsc{\ttfamily petites capitales normales}     \item \textit{\ttfamily\scshape petites capitales italiques}       \item \textbf{\ttfamily\scshape petites capitales grasses}     \item \textbf{\ttfamily\itshape\scshape petites capitales grasses italiques} \end{itemize} ``` Ce code produit le résultat suivant ![Image montrant des petites capitales composées en normal, en gras et en gras italique à l’aide des trois familles de polices du document.](/files/50d27c4e3620dcfc9a44552618f82caebe4c33ab) ## À l’étape suivante Le préambule de notre document de projet est maintenant assez encombré par beaucoup de code de configuration de fontspec. À l’étape 8, nous déplacerons le code de configuration de fontspec vers un projet simple, ce qui simplifiera le préambule du document et rendra nos polices plus faciles à mettre à jour. --- # 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/fr/articles-approfondis/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.