i18n(es): Update fonts.mdx (#7199)

Co-authored-by: Yan <[email protected]>

src/content/docs/es/guides/fonts.mdx

@@ -15,7 +15,7 @@ Esta guía te mostrará cómo añadir fuentes web a tu proyecto y usarlas en tus
 Este ejemplo demostrará cómo añadir una fuente personalizada usando el archivo de fuente `DistantGalaxy.woff`.
 
 1. Añade tu archivo de fuente a la carpeta `public/fonts/`.
-1. Agrega la siguiente declaración `@font-face` a tu CSS. Esto puede ser en un archivo `.css` global que importes, un bloque `<style is:global>` o un bloque `<style>` en un diseño o componente específico donde quieras usar esta fuente.
+2. Agrega la siguiente declaración `@font-face` a tu CSS. Esto puede ser en un archivo `.css` global que importes, un bloque `<style is:global>` o un bloque `<style>` en un diseño o componente específico donde quieras usar esta fuente.
 
     ```css
     /* Registra tu font family personalizada y le indicamos al navegador dónde encontrarla. */
@@ -28,7 +28,7 @@ Este ejemplo demostrará cómo añadir una fuente personalizada usando el archiv
     }
     ```
 
-1. Usa el valor de `font-family` de la declaración `@font-face` para dar estilo a los elementos en tu componente o diseño. En este ejemplo, el encabezado `<h1>` tendrá la fuente personalizada aplicada, mientras que el párrafo `<p>` no.
+3. Usa el valor de `font-family` de la declaración `@font-face` para dar estilo a los elementos en tu componente o diseño. En este ejemplo, el encabezado `<h1>` tendrá la fuente personalizada aplicada, mientras que el párrafo `<p>` no.
 
     ```astro title="src/pages/example.astro" {9-11}
     ---
@@ -50,7 +50,7 @@ Este ejemplo demostrará cómo añadir una fuente personalizada usando el archiv
 El proyecto [Fontsource](https://fontsource.org/) simplifica el uso de Google Fonts y otras fuentes de código abierto. Provee módulos npm que puedes instalar para las fuentes que desees utilizar.
 
 1. Encuentra la fuente que quieras usar en el [catálogo de Fontsource](https://fontsource.org/). Este ejemplo usará [Twinkle Star](https://fontsource.org/fonts/twinkle-star).
-1. Instala el paquete de la fuente que hayas elegido.
+2. Instala el paquete de la fuente que hayas elegido.
 
     <PackageManagerTabs>
       <Fragment slot="npm">
@@ -74,7 +74,7 @@ El proyecto [Fontsource](https://fontsource.org/) simplifica el uso de Google Fo
     Puedes encontrar el nombre correcto del paquete en la sección “Quick Installation” en la página de cada fuente en el sitio de Fontsource. Comienza con `@fontsource/` seguido del nombre de la fuente.
     :::
 
-1. Importa el paquete de la fuente en el componente donde quieras usar la fuente. Por lo general, querrás hacer esto en un componente de diseño común para asegurarte de que la fuente esté disponible en todo tu sitio.
+3. Importa el paquete de la fuente en el componente donde quieras usar la fuente. Por lo general, querrás hacer esto en un componente de diseño común para asegurarte de que la fuente esté disponible en todo tu sitio.
 
     La importación añadirá las reglas de `@font-face` necesarias para configurar la fuente.
 
@@ -84,7 +84,7 @@ El proyecto [Fontsource](https://fontsource.org/) simplifica el uso de Google Fo
     ---
     ```
 
-1. Usa el nombre de la fuente como se muestra en el ejemplo `body` en la página de Fontsource para el valor de `font-family`. Esto funcionará en cualquier lugar donde puedas escribir CSS en tu proyecto de Astro.
+4. Usa el nombre de la fuente como se muestra en el ejemplo `body` en la página de Fontsource para el valor de `font-family`. Esto funcionará en cualquier lugar donde puedas escribir CSS en tu proyecto de Astro.
 
     ```css
     h1 {
@@ -100,7 +100,7 @@ Para registrar tu fuente en Tailwind:
 
 1. Sigue los pasos de las guías anteriores, pero deja sin completar el paso final sobre agregar una `font-family` en tu CSS.
 
-1. Agrega el nombre de la tipografía en `tailwind.config.mjs`.
+2. Agrega el nombre de la tipografía en `tailwind.config.mjs`.
 
     Este ejemplo agrega `Inter` al conjunto de tipografías sans-serif, junto con fuentes de respaldo predeterminadas por Tailwind CSS.