Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<style>
@font-face {
font-family: Voto;
src: url(../fonts/VotoSerifGX.latin1.ttf);
}
body {
font-family: Voto;
font-variation-settings: "wght" 50;
font-optical-sizing: auto;
}
span {
font-variation-settings: "wght" 100; /* Voto weights are non-standard,
so this is actually quite bold */
}
</style>
</head>
<body>
<div style="font-size: 9px">Voto <span>bold</span> at 9px</div>
<div style="font-size: 12px">Voto <span>bold</span> at 12px</div>
<div style="font-size: 16px">Voto <span>bold</span> at 16px</div>
<div style="font-size: 24px">Voto <span>bold</span> at 24px</div>
<div style="font-size: 32px">Voto <span>bold</span> at 32px</div>
<div style="font-size: 48px">Voto <span>bold</span> at 48px</div>
<div style="font-size: 72px">Voto <span>bold</span> at 72px</div>
<div style="font-size: 96px">Voto <span>bold</span> at 96px</div>
</body>
</html>