Texto y Fuentes
7:32Descubre propiedades CSS relacionadas con fuentes, el poder de pilas de fuentes e importación de Google Fonts. Explora técnicas de estilos de texto y aplícalas prácticamente alineando encabezados y pies de página, ajustando tamaños de títulos y mejorando la legibilidad del texto con mayor altura de línea.
¡Actualización!
Google Fonts ha actualizado su sitio web desde la grabación de este video. Por favor, sigue las instrucciones a continuación para agregar la fuente a tu sitio web.
Paso 1
Visita fonts.google.com y busca "Playpen Sans". Debería haber solo un resultado, así que haz clic para ir a esa página.
Paso 2
Haz clic en el botón azul "Obtener fuente". Debería estar en la parte superior derecha o inferior derecha de la página.
Paso 3
Haz clic en el botón azul "Obtener código de inserción". Esto generará el código que necesitas para agregar la fuente a tu sitio web.
Paso 4
Asegúrate de que la pestaña Web esté seleccionada y haz clic en el botón de radio "@import". En lugar de importar un par de pesos de fuente, ahora importaremos todos los pesos de fuente asegurándonos de que la opción de peso "Eje completo" esté seleccionada.
Paso 5
Copia "@import url(..)" de la sección superior y pégalo en la parte superior del styles.css archivo. También puedes copiar el fragmento de código a continuación.
@import url('https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@100..800&display=swap');
Paso 6
De vuelta a la página de Google Fonts, copia la línea de código "font-family" en la segunda sección y pégala en el body selector como se muestra en el video en 07:32.
font-family: Playpen Sans, cursiva;
Recursos