How to use the available Fonts in HTML?

-1

Greeting for all,

I'm new to the Frond-End programmer and I'm learning how to put the available Google Fonts sources in my HTML

Click Here

As you can see I put the link and the CSS configuration and did not catch, where did I go wrong?

HTML

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
    <title>Condonager</title>
    <link rel="stylesheet" type="text/css" href="css/estilo.css">
    <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
</head>
<body>

<header>
   <div class="container">
      <img src="images/logo.png" width="220" height="100">
  </div>
</header>

<div class="lema">

   <p>Seja bem vindo ao novo conceito inovador e inteligente em gestão Condicional</p>

</div>

</body>
</html>

CSS

*{
    box-sizing: border-box;
}

body{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

header{
    border-bottom: 1px solid #ccc;
}

header img{
    margin-top: 12px;
}

.container{
    width: 1200px;
    padding-left: 20px;
    padding-right: 15px;
    margin: 0;
}

.lema{
    text-align: center;
}

.lema > p {
    margin-top: 35px;
    margin-bottom: 15px;
    font-family: 'Pacifico', cursive;
}
    
asked by anonymous 06.06.2016 / 13:17

1 answer

2

Folder you choose your font and click quick use

Afterthisyoucanimportthefonttoyourcodeusing3possibleways

HTML

<linkhref='https://fonts.googleapis.com/css?family=Open+Sans'rel='stylesheet'type='text/css'>

CSS

@importurl(https://fonts.googleapis.com/css?family=Open+Sans);

JavaScript

<scripttype="text/javascript">
WebFontConfig = {
    google: { families: [ 'Open+Sans::latin' ] }
    };
    (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
})();
</script>

Choose one of the 3 and use, I particularly recommend using HTML

After imported just make the source call into your CSS

font-family: 'Open Sans', sans-serif;
    
06.06.2016 / 14:41