Tutoriales gratuitos para el aprendizaje de la programacion informatica! Recuerda que si lo puedes imaginar... lo puedes programar!

Agregar fuentes HTML CSS

Fuentes gratuitas de google

  • Para agregar fuentes: ir a https://fonts.google.com/
  • Seleccionar la fuente deseada luego hacer clic en: + select this style
  • Copiar el codigo y pegarlo en donde corresponde:

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Ejemplo de fuentes</title>

        <!--pegar aqui las fuentes-->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Montserrat: ital,wght@0,400;1,700&display=swap" rel="stylesheet">
        <!----------->

        <link href="css/style.css" rel="stylesheet">
    </head>
    <body>

    </body>
</html>

CSS


body{
    font-family: 'Montserrat', sans-serif;
}

No hay comentarios:

Publicar un comentario