<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,400;0,700;1,400&family=Inconsolata:ital,wght@0,400;0,700;1,400&display=swap">
  <style>
    /* Roboto */
    .roboto {
      font-family: 'Roboto', sans-serif;
    }

    /* Lora */
    .lora {
      font-family: 'Lora', serif;
    }

    /* Montserrat */
    .montserrat {
      font-family: 'Montserrat', sans-serif;
    }

    /* Inconsolata */
    .inconsolata {
      font-family: 'Inconsolata', monospace;
    }
  </style>
</head>
<body>
  <p class="roboto">Ejemplo de fuente Roboto (Sans-Serif).</p>
  <p class="lora">Ejemplo de fuente Lora (Serif).</p>
  <p class="montserrat">Ejemplo de fuente Montserrat (Sans-Serif).</p>
  <p class="inconsolata">Ejemplo de fuente Inconsolata (Monoespaciada).</p>
</body>
</html>
