CSS Google Fonts

Google Fonts

If you don't want to use any standard fonts in HTML, you can add hundreds of other fonts to the page using the Google Fonts API.

Just add a stylesheet link and reference the font family you choose:

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