Utopia is a clean and versatile serif font family, designed by Robert Slimbach at Adobe in the 1980s. Utopia has been licensed as as free font since 2006.
This project provides web support for Utopia, specifically, WOFF2 files and CSS definitions. View the font files and source on GitHub.
StarUtopia began as a proprietary font, but Adobe licensed it as a free font to the TeX Users Group (TUG, a community organization for TeX and LaTeX). Utopia is available in LaTeX through the Utopia with Fourier math package.
TUG sublicenses Utopia as a free font to all. The license is custom and differs slightly from the standard SIL Open Font License. The original PFB font files are available from TUG, and they were converted to the WOFF2 files in this project.
Utopia is free in its normal and bold variations (regular and italic). Adobe and font vendors still sell licenses for the full range of weights (100 to 900).
Use Utopia in your website by linking the font face stylesheet in head.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bhushan-mohanraj/utopia/dist/utopia.css">Then, set the font family to Utopia. A simple website would look like:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Utopia</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bhushan-mohanraj/utopia/dist/utopia.css">
<style>
body {
font-family: Utopia, serif;
}
</style>
</head>
<body>
<h1>Hello, world</h1>
<p>
A simple website using Utopia.
</p>
</body>
</html>