<style>
    div { margin: 8px 0; background-color: lightgray; padding: 8px; font-family: "Geeza Pro"; direction: rtl; }
    span { color: red; border-style: solid; border-top-color: green; border-bottom-color: blue; border-width: 1px 0;  }
</style>
<p>
    Test the vertical metric adjustment for Geeza Pro. Red text should not draw
    above the green line or below the blue line.
</p>
<div style="font-size: 10px;">
    <span>(/! 'DEM AJ *-7E D,ENQD 'D'3('FJ)</span><br>(/! 'D*-BJB AJ *-7E 'D7'&1) 'D'3('FJ)
</div>
<div style="font-size: 12px;">
    <span>(/! 'DEM AJ *-7E D,ENQD 'D'3('FJ)</span><br>(/! 'D*-BJB AJ *-7E 'D7'&1) 'D'3('FJ)
</div>
<div style="font-size: 14px;">
    <span>(/! 'DEM AJ *-7E D,ENQD 'D'3('FJ)</span><br>(/! 'D*-BJB AJ *-7E 'D7'&1) 'D'3('FJ)
</div>
<div style="font-size: 24px;">
    <span>(/! 'DEM AJ *-7E D,ENQD 'D'3('FJ)</span><br>(/! 'D*-BJB AJ *-7E 'D7'&1) 'D'3('FJ)
</div>
<div style="font-size: 36px;">
    <span>(/! 'DEM AJ *-7E D,ENQD 'D'3('FJ)</span><br>(/! 'D*-BJB AJ *-7E 'D7'&1) 'D'3('FJ)
</div>
<div style="font-size: 48px;">
    <span>(/! 'DEM AJ *-7E D,ENQD 'D'3('FJ)</span><br>(/! 'D*-BJB AJ *-7E 'D7'&1) 'D'3('FJ)
</div>
