mirror of
https://github.com/servo/servo.git
synced 2025-08-11 08:25:32 +01:00
Update web-platform-tests to revision 7a7e16ad8d1a1b843340f47101c0a5c24c9bba57
This commit is contained in:
WPT Sync Bot
parent
155fad62b3
commit
d4dc41672a
207 changed files with 3287 additions and 1703 deletions
|
|
@ -0,0 +1,24 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — NBSP before atomic inline</title>
|
||||
<meta name=assert content="There's a soft wrap opportunity between an atomic inline and a preceeding NBSP">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=match href="../../reference/ref-filled-green-100px-square.xht">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.
|
||||
|
||||
<div>AB <span>CD</span></div>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — NBSP after atomic inline</title>
|
||||
<meta name=assert content="There's a soft wrap opportunity between an atomic inline and a following NBSP">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=match href="../../reference/ref-filled-green-100px-square.xht">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
.red {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.test {
|
||||
font: 50px/1 Ahem;
|
||||
color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-left: -50px;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.
|
||||
|
||||
<div class=red></div>
|
||||
<div class=test><span> AB</span> CD</div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — NARROW NO-BREAK SPACE after atomic inline</title>
|
||||
<meta name=assert content="There is **not** a soft wrap opportunity between an atomic inline and a following NARROW NO-BREAK SPACE">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=match href="reference/line-breaking-atomic-003-ref.html">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
width: 0;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two identical squares below.
|
||||
|
||||
<div><span>AB</span> CD</div>
|
||||
<div>AB CD</div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — NARROW NO-BREAK SPACE before atomic inline</title>
|
||||
<meta name=assert content="There is **not** a soft wrap opportunity between an atomic inline and a preceeding NARROW NO-BREAK SPACE">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=match href="reference/line-breaking-atomic-003-ref.html">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
width: 0;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two identical squares below.
|
||||
|
||||
<div>AB <span>CD</span></div>
|
||||
<div>AB CD</div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — WORD JOINER after atomic inline</title>
|
||||
<meta name=assert content="There is **not** a soft wrap opportunity between an atomic inline and a following WORD JOINER">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=match href="reference/line-breaking-atomic-005-ref.html">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
width: 0;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a black square below.
|
||||
|
||||
<div><span>A</span>⁠B</div>
|
||||
<div>A⁠B</div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — WORD JOINER before atomic inline</title>
|
||||
<meta name=assert content="There is **not** a soft wrap opportunity between an atomic inline and a preceeding WORD JOINER">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=match href="reference/line-breaking-atomic-005-ref.html">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
width: 0;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a black square below.
|
||||
|
||||
<div>A⁠<span>B</span></div>
|
||||
<div>A⁠B</div>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — atomic inline line breaks like ideographic character</title>
|
||||
<meta name=assert content="There's a soft wrap opportunity before and after an atomic inline">
|
||||
<link rel=match href="reference/line-breaking-atomic-007-ref.html">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
width: 40px;
|
||||
height: 140px;
|
||||
background: red;
|
||||
color: green;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a green rectangle and <strong>no red</strong>.
|
||||
|
||||
<div>A<span>B</span>C</div>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — atomic inline line breaks like ideographic character, keep-all</title>
|
||||
<meta name=assert content="There isn't a soft wrap opportunity before and after an atomic inline when word-break is keep-all">
|
||||
<link rel=match href="reference/line-breaking-atomic-008-ref.html"
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#valdef-word-break-keep-all">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
}
|
||||
.red {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
color: red;
|
||||
}
|
||||
.test {
|
||||
width: 0;
|
||||
color: green;
|
||||
word-break: keep-all;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a green rectangle and <strong>no red</strong>.
|
||||
|
||||
<div class=red>ABC</div>
|
||||
<div class=test>A<span>B</span>C</div>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — NBSP and replaced element</title>
|
||||
<meta name=assert content="There's a soft wrap opportunity between replaced elements and adjacent NBSP.">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=match href="reference/line-breaking-replaced-001-ref.html">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
.red {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
.test {
|
||||
width: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is no red.
|
||||
|
||||
<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50><br> <br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div>
|
||||
|
||||
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — NARROW NO-BREAK SPACE and replaced element</title>
|
||||
<meta name=assert content="There is **not** a soft wrap opportunity between replaced elements and adjacent NARROW NO-BREAK SPACE">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=match href="reference/line-breaking-replaced-002-ref.html">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
.red {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
.test {
|
||||
width: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is no red.
|
||||
|
||||
<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div>
|
||||
|
||||
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — WORD JOINER and replaced element</title>
|
||||
<meta name=assert content="There is **not** a soft wrap opportunity between replaced elements and adjacent WORD JOINER">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=match href="reference/line-breaking-replaced-003-ref.html">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
.red {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
.test {
|
||||
width: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is no red.
|
||||
|
||||
<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50>⁠<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div>
|
||||
|
||||
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50>⁠<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — replaced elements line break like ideographic characters</title>
|
||||
<meta name=assert content="There's a soft wrap opportunity before and after a replaced element">
|
||||
<link rel=match href="reference/line-breaking-replaced-004-ref.html">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
width: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if “B” is below “A”.
|
||||
|
||||
<div>A<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">B</div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text — replaced elements line break like ideographic characters, keep-all</title>
|
||||
<meta name=assert content="There isn't a soft wrap opportunity before and after a replaced element with word-break: keep-all">
|
||||
<link rel=match href="reference/line-breaking-replaced-005-ref.html">
|
||||
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
width: 0;
|
||||
word-break: keep-all;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if “A” and “B” are on the same line.
|
||||
|
||||
<div>A<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">B</div>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two identical squares below.
|
||||
|
||||
<div>AB CD</div>
|
||||
<div>AB CD</div>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a black square below.
|
||||
|
||||
<div>A⁠B</div>
|
||||
<div>A⁠B</div>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a green rectangle and <strong>no red</strong>.
|
||||
|
||||
<div>A<br>B<br>C</div>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a green rectangle and <strong>no red</strong>.
|
||||
|
||||
<div>ABC</div>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
|
||||
<p>Test passes if there is no red.
|
||||
|
||||
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50><br> <br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
|
||||
<p>Test passes if there is no red.
|
||||
|
||||
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
|
||||
<p>Test passes if there is no red.
|
||||
|
||||
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50>⁠<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>test reference</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
|
||||
<p>Test passes if “B” is below “A”.
|
||||
|
||||
<div>A<br><br>B</div>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>test reference</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
|
||||
<p>Test passes if “A” and “B” are on the same line.
|
||||
|
||||
<div>A<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">B</div>
|
||||
|
|
@ -3,15 +3,16 @@
|
|||
<title>CSS Text Test: overflow-wrap: break-word</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-break-word">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-break-spaces">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
|
||||
<meta name="flags" content="ahem">
|
||||
<link rel="match" href="reference/overflow-wrap-break-word-001-ref.html">
|
||||
<meta name="assert" content="A Single leading white-space constitutes a soft breaking opportunity, honoring the 'white-space: break-spaces' property, that must prevent the word to be broken.">
|
||||
<meta name="assert" content="A Single leading white-space constitutes a soft breaking opportunity, honoring the 'white-space: pre-wrap' property, that must prevent the word to be broken.">
|
||||
<style>
|
||||
div {
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-family: Ahem;
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-family: Ahem;
|
||||
line-height: 1em;
|
||||
}
|
||||
.red {
|
||||
position: absolute;
|
||||
|
|
@ -24,7 +25,6 @@ div {
|
|||
}
|
||||
.test {
|
||||
color: green;
|
||||
line-height: 1em;
|
||||
width: 5ch;
|
||||
|
||||
white-space: pre-wrap;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>CSS Text Module Test: parsing word-break with invalid values</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-3/#propdef-word-break">
|
||||
<meta name="assert" content="word-break supports only the grammar 'normal | keep-all | break-all'.">
|
||||
<meta name="assert" content="word-break supports only the grammar 'normal | keep-all | break-all | break-word'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
|
|
@ -14,6 +14,11 @@
|
|||
test_invalid_value("word-break", "auto");
|
||||
test_invalid_value("word-break", "normal keep-all");
|
||||
test_invalid_value("word-break", "break-all break-all");
|
||||
test_invalid_value("word-break", "normal break-word");
|
||||
test_invalid_value("word-break", "break-word normal");
|
||||
test_invalid_value("word-break", "keep-all break-word");
|
||||
test_invalid_value("word-break", "break-all break-word");
|
||||
test_invalid_value("word-break", "word-break");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>CSS Text Module Test: parsing word-break with valid values</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-3/#propdef-word-break">
|
||||
<meta name="assert" content="word-break supports the full grammar 'normal | keep-all | break-all'.">
|
||||
<meta name="assert" content="word-break supports the full grammar 'normal | keep-all | break-all | break-word'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
|
|
@ -14,6 +14,7 @@
|
|||
test_valid_value("word-break", "normal");
|
||||
test_valid_value("word-break", "keep-all");
|
||||
test_valid_value("word-break", "break-all");
|
||||
test_valid_value("word-break", "break-word");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,24 +2,20 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: span</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-000-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span>‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span>‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="ar" dir="rtl">ععع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ععع</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@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 join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌ع‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌ع‌ع</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,27 +2,22 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: colour</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
.text, .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 */
|
||||
.color { color:blue; }
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-001-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="color">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="color">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2');
|
||||
}
|
||||
.text, .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 */
|
||||
.color { color:blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="color">‌ع‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="color">‌ع‌</span>‌ع</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,27 +2,22 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: font-weight</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.fontweight { font-weight: bold; }
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-002-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontweight">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontweight">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@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 */
|
||||
.fontweight { font-weight: bold; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="fontweight">‌ع‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="fontweight">‌ع‌</span>‌ع</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,27 +2,22 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: font-style</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.fontstyle { font-style: italic; }
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-003-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontstyle">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontstyle">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@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 */
|
||||
.fontstyle { font-style: italic; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="fontstyle">‌ع‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="fontstyle">‌ع‌</span>‌ع</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: font size 100%</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.fontsize { font-size:100%; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontsize">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontsize">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,27 +2,22 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: font size 120%</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.fontsizeplus { font-size:120%; }
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-008-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontsizeplus">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontsizeplus">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>marked up diacritic: span</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
|
|
@ -12,14 +12,13 @@
|
|||
}
|
||||
.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 */
|
||||
.fontsizeplus { font-size:120%; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic base characters in each word join.</p>
|
||||
<div class="ref" lang="ar" dir="rtl">عَع عّع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">عَع عّع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="fontsizeplus">‌ع‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="fontsizeplus">‌ع‌</span>‌ع</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -2,26 +2,22 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: margin > 0</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.margin { margin: 0.5em; }
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-009-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters DON'T join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="margin">‌ع‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="margin">‌ع‌</span>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,27 +2,21 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: margin 0</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.margin { margin:0; }
|
||||
.margin { margin: 0.5em; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="margin">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="margin">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -2,26 +2,22 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: padding > 0</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.padding { padding: 0.5em; }
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-010-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters DON'T join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="padding">‌ع‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="padding">‌ع‌</span>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,27 +2,21 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: padding 0</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.padding { padding:0; }
|
||||
.padding { padding: 0.5em; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="padding">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="padding">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -2,26 +2,22 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: border > 0</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.border { border: 1px solid #ccc; }
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-011-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters DON'T join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="border">‌ع‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="border">‌ع‌</span>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,29 +2,21 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: border 0</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.margin { margin:0; }
|
||||
.padding { padding:0; }
|
||||
.border { border:0; }
|
||||
.border { border: 1px solid #ccc; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="border">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="border">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -2,27 +2,21 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: isolation, bdi</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-012-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters DON'T join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping-000)</small><br/>
|
||||
<small>Skip this test if bdi and dir=auto don't produce isolation in this browser.</small></p>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<bdi>‌ع‌</bdi>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<bdi>‌ع‌</bdi>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test only works if bdi and dir=auto are supported by the browser.
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌ع‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌ع‌ع</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@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>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ععع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ععع</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: isolation, auto</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters DON'T join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping-000)</small><br/>
|
||||
<small>Skip this test if bdi and dir=auto don't produce isolation in this browser.</small></p>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<bdi>‌ع‌</bdi>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<bdi>‌ع‌</bdi>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test only works if bdi and dir=auto are supported by the browser.
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,25 +2,21 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: text-decoration</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
.styled { text-decoration: underline; }
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-014-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if both boxes look the same.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@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"; }
|
||||
.styled { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="styled">‌ع‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="styled">‌ع‌</span>‌ع</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: text-decoration</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,26 +2,22 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: outline</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { outline: 1px solid blue; }
|
||||
</style>
|
||||
<link rel=mismatch href="shaping-016-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@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 */
|
||||
.styled { outline: 1px solid blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="styled">‌ع‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="styled">‌ع‌</span>‌ع</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: em element</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { font-style: italic; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if both boxes look the same.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<em>‍ع‍</em>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
It also assumes that the default rendering for the em element is italic.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: b element</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { font-weight: bold; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<b>‍ع‍</b>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
It also assumes that the default rendering for the b element is bold.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,25 +2,22 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>n'ko, colour</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansNko-regular-webfont.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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { color:blue; }
|
||||
</style>
|
||||
<link rel="mismatch" href="shaping-020-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three N'Ko characters join.</p>
|
||||
<p class="instructions">Test passes if the three N'Ko characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‍<span class="styled">‍ߞ‍</span>‍ߞ</div>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‍<span class="styled">‍ߞ‍</span>‍ߞ</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Sans N'Ko font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansNko-regular-webfont.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 */
|
||||
.styled { color:blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three N'Ko characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‌<span class="styled">‌ߞ‌</span>‌ߞ</div>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‌<span class="styled">‌ߞ‌</span>‌ߞ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,25 +2,21 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>n'ko, font-style</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansNko-regular-webfont.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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { font-style:italic; }
|
||||
</style>
|
||||
<link rel="mismatch" href="shaping-021-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three N'Ko characters join.</p>
|
||||
<p class="instructions">Test passes if the three N'Ko characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‍<span class="styled">‍ߞ‍</span>‍ߞ</div>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‍<span class="styled">‍ߞ‍</span>‍ߞ</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Sans N'Ko font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansNko-regular-webfont.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 */
|
||||
.styled { font-style:italic; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three N'Ko characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‌<span class="styled">‌ߞ‌</span>‌ߞ</div>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‌<span class="styled">‌ߞ‌</span>‌ߞ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>n'ko, text-decoration</title>
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
|
|
@ -14,13 +14,11 @@
|
|||
/* the CSS above is not part of the test */
|
||||
.styled { text-decoration: underline; }
|
||||
</style>
|
||||
<link rel="mismatch" href="shaping-022-sanity-ref.html">
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three N'Ko characters join.</p>
|
||||
<p class="instructions">Test passes if the three N'Ko characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‍<span class="styled">‍ߞ‍</span>‍ߞ</div>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‍<span class="styled">‍ߞ‍</span>‍ߞ</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Sans N'Ko font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansNko-regular-webfont.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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three N'Ko characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‌<span class="styled">‌ߞ‌</span>‌ߞ</div>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‌<span class="styled">‌ߞ‌</span>‌ߞ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="mismatch" href="shaping-023-sanity-ref.html">
|
||||
<link rel="mismatch" href="shaping-023-sanity-2-ref.html">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; writing-mode: vertical-lr; float:left; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { color:blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Mongolian characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‍<span class="styled">‍ᠨ‍</span>‍ᠨ</div>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‍<span class="styled">‍ᠨ‍</span>‍ᠨ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; writing-mode: vertical-lr; float:left; text-orientation: upright;}
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { color:blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Mongolian characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; writing-mode: vertical-lr; float:left; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { color:blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Mongolian characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="mismatch" href="shaping-024-sanity-ref.html">
|
||||
<link rel="mismatch" href="shaping-024-sanity-2-ref.html">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; writing-mode: vertical-lr; float:left; }
|
||||
/* 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 in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‍<span class="styled">‍ᠨ‍</span>‍ᠨ</div>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‍<span class="styled">‍ᠨ‍</span>‍ᠨ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; writing-mode: vertical-lr; float:left; text-orientation: upright;}
|
||||
/* 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 in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; writing-mode: vertical-lr; float:left; }
|
||||
/* 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 in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="mismatch" href="shaping-025-sanity-ref.html">
|
||||
<link rel="mismatch" href="shaping-025-sanity-2-ref.html">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; writing-mode: vertical-lr; float:left; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { text-decoration:underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Mongolian characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‍<span class="styled">‍ᠨ‍</span>‍ᠨ</div>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‍<span class="styled">‍ᠨ‍</span>‍ᠨ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; writing-mode: vertical-lr; float:left; text-orientation: upright;}
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { text-decoration:underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Mongolian characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>reference</title>
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; writing-mode: vertical-lr; float:left; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { text-decoration:underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Mongolian characters in each box join, making the two boxes identical.</p>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
<div class="ref" lang="mn" dir="rtl">ᠨ‌<span class="styled">‌ᠨ‌</span>‌ᠨ</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: colour</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { color:blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic base characters in each word join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small></p>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: font-weight</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { font-weight: bold; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic base characters in each word join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small><br/>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: font-style</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { font-style: italic; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic base characters in each word join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small><br/>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: margin 0</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { margin:0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic base characters in each word join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small><br/>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: padding 0</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { padding:0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic base characters in each word join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small><br/>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: border 0</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { border:0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic base characters in each word join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small><br/>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: font size 100%</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { font-size:100%; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic base characters in each word join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small><br/>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: font size 120%</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { font-size:120%; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic base characters in each word join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small><br/>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍َ‍</span>‍ع ع‍<span class="styled">‍ّ‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: margin > 0</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 5em; font-size: 120px; font-family: "csstest_noto"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { margin: 0.5em; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic characters DON'T show joining forms.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small><br/>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="styled">‌َ‌</span>‌ع ع‌<span class="styled">‌ّ‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="styled">‌َ‌</span>‌ع ع‌<span class="styled">‌ّ‌</span>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: padding > 0</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 5em; font-size: 120px; font-family: "csstest_noto"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { padding: 0.5em; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic characters DON'T show joining forms.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small><br/>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="styled">‌َ‌</span>‌ع ع‌<span class="styled">‌ّ‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="styled">‌َ‌</span>‌ع ع‌<span class="styled">‌ّ‌</span>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>styled diacritic: border > 0</title>
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { border: 1px solid #02D7F6; margin: 20px; padding: 10px; width: 5em; font-size: 120px; font-family: "csstest_noto"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { border: 1px solid #ccc; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the Arabic characters DON'T show joining forms.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping_cchar-000)</small><br/>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="styled">‌َ‌</span>‌ع ع‌<span class="styled">‌ّ‌</span>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="styled">‌َ‌</span>‌ع ع‌<span class="styled">‌ّ‌</span>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: span</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries with no styling change.">
|
||||
<meta name="assert" content="Shaping must not be broken across inline box boundaries with no styling change.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-000-ref.html">
|
||||
|
|
@ -11,19 +11,17 @@
|
|||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
<div class="test" lang="ar" dir="rtl">ع<span>ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span>‍ع‍</span>‍ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ععع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,16 +3,15 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: colour</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for changes to colour.">
|
||||
<meta name="assert" content="Arabic shaping should not be broken across inline box boundaries for changes to colour.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-001-ref.html">
|
||||
<meta name="flags" content="should">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -21,7 +20,6 @@
|
|||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="color">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="color">‍ع‍</span>‍ع</div>
|
||||
|
|
@ -29,4 +27,4 @@
|
|||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,16 +3,16 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: font-weight</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for changes in font weight.">
|
||||
<meta name="assert" content="Arabic shaping should not be broken across inline box boundaries for changes in font weight.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-002-ref.html">
|
||||
<meta name="flags" content="should">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,8 +20,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="fontweight">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontweight">‍ع‍</span>‍ع</div>
|
||||
|
|
@ -29,4 +28,4 @@
|
|||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,15 +3,15 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: font-style</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for changes in font style.">
|
||||
<meta name="assert" content="Arabic shaping should not be broken across inline box boundaries for changes in font style.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-003-ref.html">
|
||||
<meta name="flags" content="should">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
|
|
@ -20,8 +20,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="fontstyle">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontstyle">‍ع‍</span>‍ع</div>
|
||||
|
|
@ -29,4 +28,4 @@
|
|||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,16 +3,14 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: margin 0</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries when margin is set to 0.">
|
||||
<meta name="assert" content="Shaping must not be broken across inline box boundaries when margin is set to 0.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-004-ref.html">
|
||||
<link rel="match" href="reference/shaping-000-ref.html">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,8 +18,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="margin">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="margin">‍ع‍</span>‍ع</div>
|
||||
|
|
@ -29,4 +26,4 @@
|
|||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,16 +3,14 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: padding 0</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries when padding is set to 0.">
|
||||
<meta name="assert" content="Shaping must not be broken across inline box boundaries when padding is set to 0.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-005-ref.html">
|
||||
<link rel="match" href="reference/shaping-000-ref.html">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,8 +18,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="padding">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="padding">‍ع‍</span>‍ع</div>
|
||||
|
|
@ -29,4 +26,4 @@
|
|||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,16 +3,14 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: border 0</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries when border is set to 0.">
|
||||
<meta name="assert" content="Shaping must not be broken across inline box boundaries when border is set to 0.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-006-ref.html">
|
||||
<link rel="match" href="reference/shaping-000-ref.html">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -22,8 +20,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="border">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="border">‍ع‍</span>‍ع</div>
|
||||
|
|
@ -31,4 +28,4 @@
|
|||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,16 +3,14 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: font size 100%</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries when font-size is set to 100%.">
|
||||
<meta name="assert" content="Shaping must not be broken across inline box boundaries when font-size is set to 100%.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-007-ref.html">
|
||||
<link rel="match" href="reference/shaping-000-ref.html">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,8 +18,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="fontsize">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontsize">‍ع‍</span>‍ع</div>
|
||||
|
|
@ -29,4 +26,4 @@
|
|||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,16 +3,15 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: font size 120%</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for changes to font-size.">
|
||||
<meta name="assert" content="Arabic shaping should not be broken across inline box boundaries for changes to font-size.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-008-ref.html">
|
||||
<meta name="flags" content="should">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,8 +19,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="fontsizeplus">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="fontsizeplus">‍ع‍</span>‍ع</div>
|
||||
|
|
@ -29,4 +27,4 @@
|
|||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: margin > 0</title>
|
||||
<meta name="assert" content="Shaping SHOULD be broken across inline box boundaries when marginis set to a non-zero value.">
|
||||
<meta name="assert" content="Shaping MUST be broken across inline box boundaries when marginis set to a non-zero value.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-009-ref.html">
|
||||
|
|
@ -11,8 +11,6 @@
|
|||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,12 +18,12 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters DON'T join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="margin">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="margin">‌ع‌</span>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: padding > 0</title>
|
||||
<meta name="assert" content="Shaping SHOULD be broken across inline box boundaries when padding is set to a non-zero value.">
|
||||
<meta name="assert" content="Shaping MUST be broken across inline box boundaries when padding is set to a non-zero value.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-010-ref.html">
|
||||
|
|
@ -11,8 +11,6 @@
|
|||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,12 +18,12 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters DON'T join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="padding">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="padding">‌ع‌</span>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: border > 0</title>
|
||||
<meta name="assert" content="Shaping SHOULD be broken across inline box boundaries when border is set to a non-zero value.">
|
||||
<meta name="assert" content="Shaping MUST be broken across inline box boundaries when border is set to a non-zero value.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-011-ref.html">
|
||||
|
|
@ -11,8 +11,6 @@
|
|||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,12 +18,12 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters DON'T join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="border">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<span class="border">‌ع‌</span>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: isolation, bdi</title>
|
||||
<meta name="assert" content="Shaping SHOULD be broken across inline box boundaries when isolation occurs.">
|
||||
<meta name="assert" content="Shaping MUST be broken across inline box boundaries when isolation occurs.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-012-ref.html">
|
||||
|
|
@ -11,22 +11,19 @@
|
|||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters DON'T join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping-000)</small><br/>
|
||||
<small>Skip this test if bdi and dir=auto don't produce isolation in this browser.</small></p>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<bdi>ع</bdi>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<bdi>‌ع‌</bdi>‌ع</div>
|
||||
<!-- Notes:
|
||||
This test only works if bdi and dir=auto are supported by the browser.
|
||||
This test only works if bdi is supported by the browser.
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: isolation, auto</title>
|
||||
<meta name="assert" content="Shaping SHOULD be broken across inline box boundaries when isolation occurs.">
|
||||
<meta name="assert" content="Shaping MUST be broken across inline box boundaries when isolation occurs.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-012-ref.html">
|
||||
|
|
@ -11,22 +11,19 @@
|
|||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters DON'T join.</p>
|
||||
<p><small>Skip if markup alone breaks the join (test shaping-000)</small><br/>
|
||||
<small>Skip this test if bdi and dir=auto don't produce isolation in this browser.</small></p>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span dir="auto">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌<bdi>‌ع‌</bdi>‌ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‌ع‌ع</div>
|
||||
<!-- Notes:
|
||||
This test only works if bdi and dir=auto are supported by the browser.
|
||||
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>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: text-decoration</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for changes in text-decoration.">
|
||||
<meta name="assert" content="Shaping must not be broken across inline box boundaries for changes in text-decoration.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-014-ref.html">
|
||||
|
|
@ -11,8 +11,6 @@
|
|||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,12 +18,12 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if both boxes look the same.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="styled">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: text-decoration</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for changes in text-decoration.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-015-ref.html">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
.styled { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="styled">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: outline</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for changes in outline.">
|
||||
<meta name="assert" content="Shaping must not be broken across inline box boundaries for changes in outline.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-016-ref.html">
|
||||
|
|
@ -11,8 +11,6 @@
|
|||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,12 +18,12 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<span class="styled">ع</span>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Naskh Arabic font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,15 +3,15 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: em element</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for the em element.">
|
||||
<meta name="assert" content="Arabic shaping should not be broken across inline box boundaries for the em element.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-017-ref.html">
|
||||
<link rel="match" href="reference/shaping-003-ref.html">
|
||||
<meta name="flags" content="should">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
|
|
@ -20,8 +20,8 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if both boxes look the same.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<em>ع</em>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
|
|
@ -29,4 +29,4 @@ This test uses the Noto Naskh Arabic font to control variables related to font c
|
|||
It also assumes that the default rendering for the em element is italic.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,16 +3,16 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>shaping: b element</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for the b element.">
|
||||
<meta name="assert" content="Arabic shaping should not be broken across inline box boundaries for the b element.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-018-ref.html">
|
||||
<link rel="match" href="reference/shaping-002-ref.html">
|
||||
<meta name="flags" content="should">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoNaskhArabic-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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,8 +20,8 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three Arabic characters join.</p>
|
||||
<small>Skip if markup alone breaks the join (test shaping-000)</small>
|
||||
<p class="instructions">Test passes if the three Arabic characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="ar" dir="rtl">ع<b>ع</b>ع</div>
|
||||
<div class="ref" lang="ar" dir="rtl">ع‍<span class="styled">‍ع‍</span>‍ع</div>
|
||||
<!-- Notes:
|
||||
|
|
@ -29,4 +29,4 @@ This test uses the Noto Naskh Arabic font to control variables related to font c
|
|||
It also assumes that the default rendering for the b element is bold.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,13 +6,13 @@
|
|||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for changes to colour in N'Ko.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="help" href="http://www.unicode.org/versions/Unicode12.0.0/ch19.pdf">
|
||||
<link rel="match" href="reference/shaping-020-ref.html">
|
||||
<meta name="flags" content="should">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansNko-regular-webfont.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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,11 +20,12 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three N'Ko characters join.</p>
|
||||
<p class="instructions">Test passes if the three N'Ko characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="nqo" dir="rtl">ߞ<span class="styled">ߞ</span>ߞ</div>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‍<span class="styled">‍ߞ‍</span>‍ߞ</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Sans N'Ko font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,12 +7,11 @@
|
|||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-021-ref.html">
|
||||
<meta name="flags" content="should">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansNko-regular-webfont.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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,11 +19,12 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three N'Ko characters join.</p>
|
||||
<p class="instructions">Test passes if the three N'Ko characters in each box join, making the two boxes identical.</p>
|
||||
|
||||
<div class="test" lang="nqo" dir="rtl">ߞ<span class="styled">ߞ</span>ߞ</div>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‍<span class="styled">‍ߞ‍</span>‍ߞ</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Sans N'Ko font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>n'ko, text-decoration</title>
|
||||
<meta name="assert" content="Shaping should not be broken across inline box boundaries for changes to text-decoration in N'Ko.">
|
||||
<meta name="assert" content="Shaping must not be broken across inline box boundaries for changes to text-decoration in N'Ko.">
|
||||
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
|
||||
<link rel="match" href="reference/shaping-022-ref.html">
|
||||
|
|
@ -11,8 +11,6 @@
|
|||
@font-face {
|
||||
font-family: 'csstest_noto';
|
||||
src: url('/fonts/noto/NotoSansNko-regular-webfont.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"; }
|
||||
/* the CSS above is not part of the test */
|
||||
|
|
@ -20,11 +18,11 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the three N'Ko characters join.</p>
|
||||
<p class="instructions">Test passes if the three N'Ko characters in each box join, making the two boxes identical.</p>
|
||||
<div class="test" lang="nqo" dir="rtl">ߞ<span class="styled">ߞ</span>ߞ</div>
|
||||
<div class="ref" lang="nqo" dir="rtl">ߞ‍<span class="styled">‍ߞ‍</span>‍ߞ</div>
|
||||
<!-- Notes:
|
||||
This test uses the Noto Sans N'Ko font to control variables related to font choice.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue