blob: 002bf830b12cddaffc72e148154da3d10131b4f6 [file] [log] [blame]
<!DOCTYPE html>
<!--
| User agent must align the glyphs in a non-replaced inline box to each
| other by their relevant baselines. Then, for each glyph, determine
| the A and D. Note that glyphs in a single element may come from
| different fonts and thus need not all have the same A and D.
| https://www.w3.org/TR/CSS21/visudet.html#leading
-->
<html>
<head>
<meta charset="utf-8">
<style>
body {
font-family: Roboto, Noto Naskh Arabic UI;
font-size: 30px;
}
div {
width: 300px;
border: 1px solid #000000;
}
.arabic-font {
font-family: Noto Naskh Arabic UI, Roboto;
}
</style>
</head>
<body>
<div class="containing-block">
<div class="arabic-font">abc عبد النور - عمرى معاك نانسي عجرم - مستنياك</div>
<div>abc عبد النور - عمرى معاك نانسي عجرم - مستنياك</div>
<div> عبد النور - عمرى معاك </div>
<div>abc def ghi jkl</div>
</div>
</body>
</html>