<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style> span {background: yellow; outline: none; font-size: 48px;} </style>
</head>
<body>

<h2>The first glyph has initial advance.</h2>
<section style="text-rendering: optimizeLegibility;">
<span>&#1587; &#1575;&#1616;</span>
</section>
</body>
</html>