Hey, I'm working on a set of changes that would change the output of <hiero> from a bunch of tables with PNGs served from bits.wikimedia.org to divs that use inline CSS hacks to display SVGs with PNG fallback, with images served from rest.wikimedia.org. An approximate look of new output, still being worked on so subject to slight changes:
<div class="mw-hiero-div" style="width: 102px; height: 52px; background: url('http://rest.wikimedia.org/mediawiki.org/v1/hierator/png/38px/A1-A2') no-repeat; background-image: linear-gradient(transparent, transparent), url('http://rest.wikimedia.org/mediawiki.org/v1/hierator/svg/38px/A1-A2')" title="A1-A2"></div>
We need to make sure this works for OCG (current hieroglyphics are not rendered at all in PDFs).