<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style id="s">
p { margin: 0 }
@font-face {
font-family: test1;
/* with the old font, the language-specific forms appear correctly */
src: url(ScheherazadeRegOT.ttf);
}
@font-face {
font-family: test2;
/* but with the new version, they don't work */
src: url(Scheherazade-R.ttf);
}
</style>
</head>
<body>
<div style="font: 36px test1">
<p>Old font:
<p lang="ar"> ۰۱۲۳۴۵۶۷۸۹
<p lang="urd"> ۰۱۲۳۴۵۶۷۸۹
<p lang="snd"> ۰۱۲۳۴۵۶۷۸۹
</div>
<hr>
<div style="font: 36px test2">
<p>New font:
<p lang="ar"> ۰۱۲۳۴۵۶۷۸۹
<p lang="urd"> ۰۱۲۳۴۵۶۷۸۹
<p lang="snd"> ۰۱۲۳۴۵۶۷۸۹
</div>
</body>
</html>