blob: 81fd856cac38ef240d427c03c19364ce3c45a880 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<!DOCTYPE html>
<html lang="en" class="reftest-wait">
<head>
<meta charset="UTF-8">
<title>Bug 1288255 - Wrong line breaking due to cached hyphen width</title>
<style id="font" media="not all">
@font-face {
font-family: LongHyphenTest;
src: url(LongHyphenTest.woff2);
}
</style>
<style>
#test {
font: 16px/2 LongHyphenTest;
width: 14em;
border: 1px solid blue;
}
</style>
</head>
<body onload="load_font()">
<p>Test passes if there are two lines each has three rectangles:</p>
<div id="test">
<span>XXX XXX</span> XXX X­XX XXX XXX
</div>
<script>
function load_font() {
document.getElementById("font").media = "";
document.fonts.load("16px LongHyphenTest").then(() => {
document.documentElement.className = "";
});
}
</script>
</body>
</html>
|