fontmetrics2.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   width="600"
   height="200"
   id="svg2"
   version="1.1"
   >
  <style
     type="text/css"
    >
  path {
		stroke: #000;
		stroke-width:1;
		stroke-linecap:square;
		fill: none;
	}
	text {
		dominant-baseline: alphabetic;
		font-family:Times-Roman;
	}
	rect {
		fill:none;
		stroke: #000;
		fill:none;
	}
</style>

<g  transform="scale (0.1) translate(200 1200)">

<!-- baseline -->
<path d="M 0 0 3000 0" style="stroke-width:1"/>

<text x="3000" y="0" style="font-size:150px;"><tspan>baseline 0</tspan></text>
<text x="3000" y="217" style="font-size:150px;"><tspan>descender -217</tspan></text>
<text x="3000" y="-683" style="font-size:150px;" ><tspan>ascender 683</tspan></text>
<text x="3000" y="-560" style="font-size:150px;"><tspan>capheight 662</tspan></text>

<!-- descender -->
<path d="M 0 217 3000 217" />

<!-- ascender -->
<path d="M 0 -683 3000 -683" />

<!-- capheight -->
<path d="M 0 -662 3000 -662" />

<!-- 1000 x 1000 box -->
<rect style="fill:yellow;opacity:0.4;" x="0" y="-1000" width="1000" height="1000" />
<text x="1000" y="-1000" style="font-size:150px;"><tspan>1000 × 1000 EM square</tspan></text>

<!-- font box -->
<!-- -168 1000 -->
<!-- -218 898 -->
<rect style="fill:blue;opacity:0.1" x="-168.0" y="-898" width="1168" height="1116" />
<text x="-168" y="400" style="font-size:150px;"><tspan>FontBBox -168 -218 1000 898 </tspan></text>



<text x="0" y="0" style="font-size:1000px;"><tspan>MŮ(xp</tspan></text>

</g>

</svg>