diff --git a/curriculum/challenges/spanish/01-responsive-web-design/basic-css/import-a-google-font.spanish.md b/curriculum/challenges/spanish/01-responsive-web-design/basic-css/import-a-google-font.spanish.md index ead389714d..f1249185f5 100644 --- a/curriculum/challenges/spanish/01-responsive-web-design/basic-css/import-a-google-font.spanish.md +++ b/curriculum/challenges/spanish/01-responsive-web-design/basic-css/import-a-google-font.spanish.md @@ -7,10 +7,10 @@ localeTitle: Importar una fuente de Google --- ## Descripción -
Además de especificar las fuentes comunes que se encuentran en la mayoría de los sistemas operativos, también podemos especificar fuentes web personalizadas y no estándar para su uso en nuestro sitio web. Existen varios repositorios de fuentes web en Internet, pero, para este ejemplo, nos centraremos en la biblioteca de fuentes de Google. Google Fonts es una biblioteca gratuita de fuentes web que puede utilizar en su CSS haciendo referencia a la URL de la fuente. Entonces, sigamos adelante, importemos y apliquemos una fuente de Google (tenga en cuenta que si Google está bloqueado en su país, deberá saltarse este desafío). Para importar una fuente de Google, puede copiar la URL de la (s) fuente (s) de la biblioteca de fuentes de Google y luego pegarla en su HTML. Para este desafío, importaremos la fuente Lobster . Para hacer esto, copie el siguiente fragmento de código y péguelo en la parte superior de su editor de código (antes de la apertura del elemento style ): <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> Ahora puede usar la fuente Lobster en su CSS usando Lobster como FAMILY_NAME como en el siguiente ejemplo:
font-family: FAMILY_NAME, GENERIC_NAME; . GENERIC_NAME es opcional y es una fuente alternativa en caso de que la otra fuente especificada no esté disponible. Esto está cubierto en el próximo desafío. Los nombres de las familias distinguen entre mayúsculas y minúsculas y deben estar entre comillas si hay un espacio en el nombre. Por ejemplo, necesita citas para usar la fuente "Open Sans" , pero no para usar la fuente Lobster .
+
Además de especificar las fuentes comunes que se encuentran en la mayoría de los sistemas operativos, también podemos especificar fuentes web personalizadas y no estándar para su uso en nuestro sitio web. Existen varios repositorios de fuentes web en Internet, pero, para este ejemplo, nos centraremos en la biblioteca de fuentes de Google. Google Fonts es una biblioteca gratuita de fuentes web que puede utilizar en su CSS haciendo referencia a la URL de la fuente. Entonces, sigamos adelante, importemos y apliquemos una fuente de Google (tenga en cuenta que si Google está bloqueado en su país, deberá saltarse este desafío). Para importar una fuente de Google, puede copiar la URL de la (s) fuente (s) de la biblioteca de fuentes de Google y luego pegarla en su HTML. Para este desafío, importaremos la fuente Lobster . Para hacer esto, copie el siguiente fragmento de código y péguelo en la parte superior de su editor de código (antes de la apertura del elemento style ): <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> Ahora puede usar la fuente Lobster en su CSS usando Lobster como FAMILY_NAME como en el siguiente ejemplo:
font-family: FAMILY_NAME, GENERIC_NAME; . GENERIC_NAME es opcional y es una fuente alternativa en caso de que la otra fuente especificada no esté disponible. Esto se explicará en el próximo desafío. Se diferencia entre mayúsculas y minúsculas a la hora de nombrar a las diferentes familias y estas deben estar entre comillas si hay un espacio en el nombre. Por ejemplo, necesita comillas para usar la fuente "Open Sans" , pero no para usar la fuente Lobster .
## Instrucciones -
Cree una regla CSS font-family que use la fuente Lobster y asegúrese de que se aplicará a su elemento h2 .
+
Cree una regla CSS font-family que use la fuente Lobster y asegúrese de que se aplica a su elemento h2 .
## Pruebas