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