Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" href="/fonts/baseline-diagnostic/baseline-diagnostic-font.css">
<style>
.spacer {
background: lightgray;
block-size: 100px;
}
.target {
font: 100px/2 BaselineDiagnostic;
block-size: calc(0.5em + 1em * var(--baseline-diagnostic-alphabetic));
}
</style>
<div class="spacer"></div>
<div class="target">█BxIF</div>
<div class="spacer"></div>