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>
body {
font: 100px/1 BaselineDiagnosticAlphabeticZero;
}
.spacer {
background: lightgray;
block-size: 100px;
}
.target-first {
margin-block-start: calc(-1em * var(--baseline-diagnostic-alphabetic-zero-x-height));
margin-block-end: 0px;
}
.target-second {
margin-block-start: 0px;
margin-block-end: calc(-1em * (1 - var(--baseline-diagnostic-alphabetic-zero-alphabetic)));
}
</style>
<div class="spacer"></div>
<div class="target-first">█BxIF</div>
<div class="spacer"></div>
<div class="target-second">█BxIF</div>
<div class="spacer"></div>