Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet"> <style> .example { font-family: 'Fredericka the Great', cursive; font-size: 7vw; } </style> <p class="example">Some random text to demonstrate the effect.</p> <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> <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> <p>See <a href="https://fonts.google.com/">Google Fonts</a> for more fonts.</p>