CSS Google Fonts
Google Fonts
If you do not want to use any of the standard fonts in HTML, you can use the Google Fonts API to add hundreds of other fonts to your page.
Just add a stylesheet link and refer to a font family of your choice:
Example
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {
font-family: "Sofia";
font-size: 22px;
}
</style>
</head>
<body>
<h1>Sofia Font</h1>
<p>Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.</p>
</body>
</html>
Try it Yourself »
For a list of all available Google Fonts, visit our How To Use Google Fonts Tutorial.