<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Google Font példa</title>
<!-- A Lobster és a Roboto fontokat importáljuk egy link segítségével -->
<link href="https://fonts.googleapis.com/css?family=Lobster|Roboto:400,700&subset=latin-ext" rel="stylesheet">
/* Címeknek a Lobster fontot állítjuk be CSS-el: */
font-family: 'Lobster', cursive;
/* Bekezdéseknek a Roboto fontot állítjuk be CSS-el: */
font-family: 'Roboto', sans-serif;
<h1>Lorem, ipsum dolor.</h1>
<h2>Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam iste vero sequi voluptatem possimus doloremque voluptates nam beatae ad illo animi earum eaque quia omnis perferendis necessitatibus, itaque eius hic!</p>
<h2>Veniam blanditiis tempora nobis voluptates.</h2>
<p>Quaerat iusto dolores numquam consequatur in saepe quod ducimus ex consequuntur error quasi accusantium placeat aspernatur dolore cupiditate, repellendus porro sunt. Optio iste harum, quia voluptatum itaque expedita quas repellat.</p>