​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
<link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet">
4
<style>
5
    .example {
6
        font-family: 'Fredericka the Great', cursive;
7
        font-size: 7vw;
8
    }
9
</style>
10
​
11
<p class="example">Some random text to demonstrate the effect.</p>
12
​
13
<p>This uses the <a href="/html/tags/html_link_tag.cfm"><code>link</code></a> element to get the font from Google. We then refer to that font in the style sheet.</p>
14
<p>In this case 'Fredericka the Great' is used. If it isn't available (for example, if the Google site is unavailable), then the system's default cursive font will be used.</p>
15
<p>See <a href="https://fonts.google.com/">Google Fonts</a> for more fonts.</p>