Sandbox::https://github.com/web-platform-tests/wpt/blob/master/css/css-text/shaping/shaping-013.html

Repository navigation

<!DOCTYPE html>

<head>

<title>shaping: isolation, auto</title>

@font-face {

font-family: 'csstest_noto';

src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2');

}

.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; }

/* the CSS above is not part of the test */

</style>

</head>

<body>

<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>

<!-- Notes:

This test only works if dir=auto is supported by the browser.

This test uses the Noto Naskh Arabic font to control variables related to font choice.

-->

</body>

</html>