> 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/37-step-1-setting-up-an-overleaf-project-to-use-variable-fonts.md). # Paso 1: Configurar un proyecto de Overleaf para usar fuentes variables [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) Para comenzar este tutorial, abre el [proyecto de Overleaf adjunto](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d) que contiene las siguientes fuentes variables: * [Noto Serif](https://fonts.google.com/noto/specimen/Noto+Serif/tester) (texto principal del documento) * [Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans/tester) (fuente sans serif) * [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) (fuente monoespaciada) Estas fuentes aún no están configuradas para su uso. Al principio, cuando compiles el [proyecto de Overleaf adjunto](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d), se aplicarán las fuentes de texto estándar (predeterminadas) de LaTeX. A lo largo de este tutorial, aprenderás a reemplazar estas fuentes predeterminadas por las fuentes variables proporcionadas en la carpeta del proyecto llamada `VariableFonts`. Si prefieres usar otras fuentes variables, simplemente sigue las instrucciones de abajo. De lo contrario, continúa con [Paso 2](https://www.overleaf.com/learn/latex/Articles/Step_2:_An_introduction_to_LaTeX_fonts?preview=true) este tutorial. ## (Opcional) Cómo elegir y subir tus propias fuentes variables Sigue estos pasos para subir las fuentes variables que elijas. ### 1. Obtén fuentes variables de Google Fonts [Google Fonts](https://fonts.google.com/) es un recurso excelente. Proporciona [documentación útil](https://fonts.google.com/knowledge/introducing_type/introducing_variable_fonts) y muchas [fuentes variables de uso gratuito](https://fonts.google.com/?vfonly=true) que pueden subirse a Overleaf y configurarse para su uso en tus proyectos. * **CONSEJO**: Usa los filtros de Google Fonts para encontrar fuentes variables. Establece el filtro de *Technology* en *Variable* para mostrar solo las fuentes variables. Usa filtros adicionales, como *Serif*, para refinar aún más tu búsqueda. ![Imagen que muestra los filtros de búsqueda de Google Fonts](/files/8f6a946716336f72dff94e42549363bd1300491b) * **CONSEJO**: Puedes explorar fuentes variables según los ejes de diseño que admiten: consulta . Google también proporciona definiciones de los ejes de diseño de las fuentes variables: consulta . * Después de localizar las fuentes variables que quieras usar, descárgalas en tu dispositivo local y cambia el nombre de cualquier archivo que contenga caracteres problemáticos. * Algunas fuentes variables consisten en dos `.ttf` archivos: uno para la forma vertical (normal) y, si se proporciona, uno para la forma itálica. Asegúrate de comprobar esto para cada fuente que descargues. ### 2. Cambia el nombre de los archivos de fuentes de Google problemáticos El esquema de Google para nombrar archivos de fuentes variables incluye los ejes de diseño de la fuente, separados por comas. Desafortunadamente, ese esquema causa problemas con fontspec, un paquete que es esencial para usar fuentes variables con LuaLaTeX. Por ejemplo, Noto Serif proporciona los ejes de anchura y peso y se suministra en dos archivos: uno para la fuente vertical y otro para la fuente itálica: * NotoSerif-VariableFont\_wdth,wght.ttf * NotoSerif-Italic-VariableFont\_wdth,wght.ttf Las comas en estos nombres de archivo provocan errores cuando se usan en el comando `\setmainfont` de fontspec. Por ejemplo, escribir ``` \setmainfont{NotoSerif-VariableFont_wdth,wght.ttf} [ItalicFont = NotoSerif-Italic-VariableFont_wdth,wght.ttf] ``` produce errores que incluyen ``` ! Error de paquete fontspec: La fuente "NotoSerif-Italic-VariableFont_wdth" no puede (fontspec) encontrarse. ! Error de LaTeX: La clave 'fontspec-opentype/wght.ttf' es desconocida y se (LaTeX) ignora. ``` Para resolver este problema, debes cambiar el nombre de los archivos de fuente para eliminar las comas (y los guiones bajos '\_'), reemplazándolos con un carácter «seguro», como los guiones ('-'), y asegurándote de no añadir caracteres de espacio. Por ejemplo, podrías cambiar el nombre de: * NotoSans-VariableFont\_wdth,wght.ttf a * NotoSans-VariableFont-wdth-wght.ttf Este sencillo paso de cambiar el nombre ayudará a evitar conflictos y garantizará una integración fluida de las fuentes variables en tus documentos de LaTeX. ### 3. Crea un nuevo proyecto de Overleaf * Crea un nuevo proyecto de Overleaf y [configura el compilador en LuaLaTeX](/latex/es/base-de-conocimientos/026-changing-compiler.md) porque es el único compilador que admite fuentes variables. * Añade el `fontspec` paquete al preámbulo de tu documento escribiendo `\usepackage{fontspec}`. * Selecciona el icono de carga de archivos (![Image displaying Overleaf file-upload icon](/files/72aa20835bb9e02cf916c0c2b3fba357f59ee469)) para añadir los archivos de fuentes variables renombrados localmente a tu nuevo proyecto: ![Imagen que muestra cómo subir un archivo a un proyecto de Overleaf](/files/cb9e7c5c991e64adada26dad378d71200f0f6445) ### 4. (Opcional) organiza los archivos de fuentes de tu proyecto Si quieres experimentar con una variedad de fuentes, por ejemplo, al probar diseños de documentos, resulta útil organizar los archivos de fuentes usando carpetas del proyecto. Sin embargo, en el momento de la compilación, LaTeX no buscará automáticamente fuentes en las carpetas de tu proyecto; tendrás que ayudar a LaTeX usando un archivo de configuración local llamado [latexmkrc](/latex/es/articulos-en-profundidad/28-how-to-use-latexmkrc-with-overleaf.md). No entraremos en detalles aquí, pero recomendamos crear una carpeta del proyecto llamada `VariableFonts` y copiar el `latexmkrc` archivo utilizado en el [proyecto adjunto](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d). ## En el siguiente paso El Paso 2 introduce el modelo de LaTeX para seleccionar fuentes: el Nuevo Esquema de Selección de Fuentes, proporcionando información de contexto importante que se utiliza a lo largo del resto de este tutorial. [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) --- # 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/37-step-1-setting-up-an-overleaf-project-to-use-variable-fonts.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.