How to use Google Fonts on your web page?

To use Google Fonts on your webpage, the code is as follows −


 Live Demo

<!DOCTYPE html>
<link href="" rel="stylesheet"/>
   body {
      font-family: "Permanent Marker", cursive;
      font-size: 22px;
<h1>Google fonts example</h1>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Debitis non a quos repudiandae doloribus cumque! Ex rem rerum aut maiores.
<h2>1 2 3 4 5 6 7 8 9 10</h2>


The above code will produce the following output −