> 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/es/articulos-en-profundidad/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md). # Paso 7: Usar las fuentes variables Noto Sans y Roboto Mono con LaTeX [Introducción](https://www.overleaf.com/learn/latex/Articles/How_to_use_OpenType_variable_fonts_with_LaTeX?preview=true) [Paso 1](https://www.overleaf.com/learn/latex/Articles/Step_1:_Setting_up_an_Overleaf_project_to_use_variable_fonts?preview=true) [Paso 2](https://www.overleaf.com/learn/latex/Articles/Step_2:_An_introduction_to_LaTeX_fonts?preview=true) [Paso 3](https://www.overleaf.com/learn/latex/Articles/Step_3:_Replacing_LaTeX’s_default_fonts_with_variable_fonts?preview=true) [Paso 4](https://www.overleaf.com/learn/latex/Articles/Step_4:_How_to_configure_an_italic_variable_font_using_fontspec?preview=true) [Paso 5](https://www.overleaf.com/learn/latex/Articles/Step_5:_LaTeX_font_weights_and_named_instances_of_variable_fonts?preview=true) [Paso 6](https://www.overleaf.com/learn/latex/Articles/Step_6:_Using_variable_fonts_to_add_bold_fonts_to_an_Overleaf_project?preview=true) [Paso 7](https://www.overleaf.com/learn/latex/Articles/Step_7:_Using_Noto_Sans_and_Roboto_Mono_variable_fonts_with_LaTeX?preview=true) [Paso 8](https://www.overleaf.com/learn/latex/Articles/Step_8:_How_to_create_a_simple_LaTeX_package_to_configure_your_variable_fonts?preview=true) [Ejemplos y proyectos](https://www.overleaf.com/learn/latex/Articles/Overleaf_projects_showing_how_to_use_variable_fonts_with_LaTeX?preview=true) En este paso configuramos los estilos de fuente negrita, cursiva y negrita cursiva para Noto Sans y Roboto Mono, y demostramos cómo usarlos para componer versalitas en negrita, cursiva y negrita cursiva. Abre el proyecto actual de Overleaf configurado en el Paso 6. ## Configuración de Noto Sans y Roboto Mono Queremos habilitar los estilos de fuente negrita, cursiva y negrita cursiva para Noto Sans y Roberto Mono. Estos requisitos se resumen en la siguiente tabla usando los identificadores estándar de serie y forma de LaTeX. Recuerda que se omite la m del identificador de serie *excepto* donde *ambos* el ancho y el peso son m (medium). | **Descripción de la fuente** | **Identificador de serie** | **Peso** | **Anchura** | **Forma** | | ------------------------------------------------------------------ | -------------------------- | -------- | ----------- | --------- | | fuente de peso negrita, ancho medio, en la forma normal (vertical) | b | b | m | n | | fuente de peso medio, ancho medio, en la forma cursiva | m | m | m | cur | | fuente de peso negrita, ancho medio, en la forma cursiva | b | b | m | cur | Las siguientes secciones muestran cómo configurar Noto Sans y Roberto Mono para usar estas series y formas de fuente. La sección [Poniéndolo todo junto](#putting-it-all-together) muestra cómo activar estas formas de fuente usando los comandos `\setsansfont` y `\setmonofont` . ### Elección de un valor del eje de peso para los pesos medio y negrita Empezaremos seleccionando valores del eje de peso para definir instancias de peso medio y negrita (ENLACE A LA SECCIÓN DEL TUTORIAL) de Noto Sans y Roberto Mono. El eje de [peso de Noto Sans](https://fonts.google.com/specimen/Noto+Sans/tester) va de 100 a 900, para [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) el rango es de 100 a 700, lo que sugiere los siguientes valores de peso: | **Nombre de la fuente** | **Peso medio** | **Peso negrita** | | ----------------------- | -------------- | ---------------- | | Noto Sans | 400 | 600 | | Roboto Mono | 300 | 550 | ### Configuración de una fuente cursiva de peso medio para Noto Sans y Roboto Mono Para añadir fuentes en cursiva usamos la clave de fontspec `ItalicFont` que toma la forma ``` ItalicFont=⟨nombre de la fuente⟩ ``` donde ⟨nombre de la fuente⟩ es el nombre de una fuente o el nombre de un archivo de fuente. La `VariableFonts` carpeta del proyecto de Overleaf contiene los archivos de fuente en cursiva que necesitamos usar: * NotoSans-Italic-VariableFont-wdth-wght.ttf * RobotoMono-VariableFont-wght.ttf Usando estos nombres de archivo y los valores del eje de peso indicados arriba, se pueden añadir cursivas de peso medio usando los comandos mostrados en las siguientes secciones. #### Configuración de fuentes Noto Sans en vertical y en cursiva de peso medio Para Noto Sans, el siguiente código se añadirá al preámbulo del documento (véase la sección [Poniéndolo todo junto](#putting-it-all-together)). ```latex \setsansfont{NotoSans-VariableFont-wdth-wght.ttf}[ Weight=400, ItalicFont=NotoSans-Italic-VariableFont-wdth-wght.ttf ] ``` #### Configuración de fuentes Roboto Mono en vertical y en cursiva de peso medio Para Roboto Mono, el siguiente código se añadirá al preámbulo del documento (véase la sección [Poniéndolo todo junto](#putting-it-all-together)). ```latex \setmonofont{RobotoMono-VariableFont-wght.ttf}[ Weight=300, ItalicFont=RobotoMono-Italic-VariableFont-wght.ttf ] ``` ### Configuración de negrita y negrita cursiva para Noto Sans y Roboto Mono Como se muestra en el Paso XXX (Enlace), añadiremos fuentes en negrita usando la clave `FontFace` de fontspec, que tiene la siguiente forma ``` FontFace = {⟨serie⟩}{⟨forma⟩}{ Font = ⟨nombre de la fuente⟩ , ⟨características⟩ } ``` donde * `⟨serie⟩` es el identificador de serie de LaTeX (enlace a la sección) * `⟨forma⟩` es el identificador de forma de LaTeX (enlace a la sección) * `⟨nombre de la fuente⟩` es el nombre de un archivo de fuente o el nombre de una fuente * `⟨características⟩` contiene configuraciones que usaremos para configurar nuestras fuentes variables, como establecer valores para el eje de ancho o de peso #### Configuración de fuentes Noto Sans en negrita y negrita cursiva Para la forma de peso negrita y forma normal (vertical) tenemos: * `⟨serie⟩` = b * `⟨forma⟩` = n * `⟨nombre de la fuente⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨características⟩` = Weight=600 lo que resulta en ``` FontFace = {b}{n}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` Para la forma de peso negrita y cursiva: * `⟨serie⟩` = b * `⟨forma⟩` = it * `⟨nombre de la fuente⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨características⟩` = Weight=600 lo que resulta en ``` FontFace = {b}{it}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` #### Configuración de fuentes Roboto Mono en negrita y negrita cursiva Para la forma de peso negrita y forma normal (vertical) tenemos: * `⟨serie⟩` = b * `⟨forma⟩` = n * `⟨nombre de la fuente⟩` = RobotoMono-VariableFont-wght.ttf * `⟨características⟩` = Weight=550 lo que resulta en ``` FontFace = {b}{n}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` Para la forma de peso negrita y forma cursiva tenemos: * `⟨serie⟩` = b * `⟨forma⟩` = it * `⟨nombre de la fuente⟩` = RobotoMono-VariableFont-wght.ttf * `⟨características⟩` = Weight=550 lo que resulta en ``` FontFace = {b}{it}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` ## Poniéndolo todo junto Para aplicar las configuraciones discutidas arriba, abre el proyecto actual de Overleaf y reemplaza los `\setsansfont` y `\setmonofont` comandos existentes por las siguientes versiones. ```latex % Fuente sans serif de la familia del documento \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 % Fuente monoespaciada de la familia del documento \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} ] ``` ## Cómo usar nuestras nuevas fuentes Usando fontspec hemos configurado fuentes en negrita, cursiva y negrita cursiva para las tres familias tipográficas del documento. Además de las fuentes que hemos configurado, fontspec también ha habilitado las versiones en versalitas, como se puede ver pegando el siguiente código en tu documento (después de \begin{document}): ```latex \begin{itemize} \item Familia de texto principal (Noto Serif): \begin{itemize}     \item \textsc{versalitas normales}     \item \textit{\scshape versalitas cursivas}       \item \textbf{\scshape versalitas en negrita}     \item \textbf{\itshape\scshape versalitas negrita cursiva} \end{itemize} \item Familia sans serif (Noto Sans): \begin{itemize}     \item \textsc{\sffamily versalitas normales}     \item \textit{\sffamily\scshape versalitas cursivas}       \item \textbf{\sffamily\scshape versalitas en negrita}     \item \textbf{\sffamily\itshape\scshape versalitas negrita cursiva} \end{itemize} \item Familia monoespaciada (Roboto Mono): \begin{itemize}     \item \textsc{\ttfamily versalitas normales}     \item \textit{\ttfamily\scshape versalitas cursivas}       \item \textbf{\ttfamily\scshape versalitas en negrita}     \item \textbf{\ttfamily\itshape\scshape versalitas negrita cursiva} \end{itemize} ``` Este código produce el siguiente resultado ![Imagen que muestra versalitas compuestas en forma normal, en negrita y en negrita cursiva usando las tres familias tipográficas del documento.](/files/d9d5bd97ac453f682090bab2901cb47ddce13bb8) ## En el siguiente paso El preámbulo del documento de nuestro proyecto ahora está bastante recargado con mucho código de configuración de fontspec. En el Paso 8, moveremos el código de configuración de fontspec a un proyecto sencillo, simplificando el preámbulo del documento y facilitando la actualización de nuestras fuentes. --- # 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/es/articulos-en-profundidad/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.