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