gecko-dev/testing/web-platform/tests/css/css-text/shaping/shaping-024.html
himorin / Atsushi Shimono 378303bcc5 Bug 1535706 [wpt PR 15309] - porting css/css-text/shaping tests from w3c/i18n-tests, a=testonly
Automatic update from web-platform-tests
porting css/css-text/shaping tests from w3c/i18n-tests (#15309)

--

wpt-commits: dbabf5e0feee6f58cb92a39895d0fefbefdf3d73
wpt-pr: 15309
2019-04-01 14:43:18 +01:00

30 lines
No EOL
1.4 KiB
HTML

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<title>mongolian, font-style</title>
<meta name="assert" content="Shaping should not be broken across inline box boundaries for changes to font-style in Mongolian.">
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
<style type="text/css">
@font-face {
font-family: 'csstest_noto';
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; writing-mode: vertical-lr; }
/* the CSS above is not part of the test */
.styled { font-style:italic; }
</style>
</head>
<body>
<p class="instructions">Test passes if the three Mongolian characters join in the right-hand line.</p>
<small>Skip the test if the line on the left isn't arranged vertically and joined up.</small>
<div class="test" lang="mn" dir="rtl">ᠨᠨᠨ<br/><span class="styled"></span></div>
<!-- Notes:
This test uses the Noto Sans Mongolian font to control variables related to font choice.
The test is manual because Safari (and possibly other browsers) don't support joining for vertical Mongolian anyway, so ref tests wouldn't test the correct thing.
-->
</body>
</html>