Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>FreeType Font Test</title>
<style>
@font-face {
src: url("metropolis_regular.ttf") format("truetype");
}
body {
font-size: 24px;
}
.box {
height: 100vh;
width: 100vw;
}
@media screen {
.background {
background-color: rgb(0, 0, 255);
color-adjust: exact;
}
}
@media print {
.background {
background-color: rgb(255, 113, 57);
color-adjust: exact;
}
}
</style>
</head>
<body>
<div class="box background"><p>This is a test of a Free Type font</p></div>
</body>
</html>