<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
@import "support/MetricsTestFont.css";
.spacer {
background: lightgray;
block-size: 100px;
}
.target {
font: 100px/2 MetricsTestFont;
position: relative;
top: -50px;
height: 100px;
}
.atomic {
display: inline-block;
background: lime;
}
</style>
<div class="spacer"></div>
<div class="target">
<span class="atomic">ApÉx</span>
</div>
<div class="spacer"></div>