¿Cómo usar Google Fonts?



Pasos para utilizar Google Fonts en tu página web

  • Seleccionar una fuente

  • Click en "select this style" luego seleccionar la pestaña embed


Copiar el link en el <head>:

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style/style.css">
</head>

Luego en el CSS:

*{
  font-family: 'Roboto', sans-serif;
}

Comentarios

Publicar un comentario

Entradas populares de este blog

Menú hamburguesa sólo con CSS

Imagen
¡Hola chicos!  Una vez armada nuestra barra de navegación responsive, ir al post , vamos a ver como armar un menú hamburgues básico sólo con CSS. HTML Arranquemos con el código básico para el menú: < nav >    < input   type = "checkbox"   id = "menu" >    < label   for = "menu" >  Menu  </ label >    < ul >      < li > Link 1 </ li >      < li > Link 2 </ li >      < li > Link 3 </ li >      < li > Link 4 </ li >    </ ul > </ nav > A tener en cuenta: Asignar un id al input.  <input type="checkbox"   id="menu"   > Hacer referencia al id del input en el for  del label. <label for="menu" > Menu </label> CSS Ahora con CSS, vamos a dar la funcionalidad a nuestro menú: Ocultamos la lista de navegaci...
Leer más