text-crop.xhtml (1064B)
1 <?xml version="1.0"?> 2 <window class="reftest-wait" 3 align="start" 4 xmlns:html="http://www.w3.org/1999/xhtml" 5 xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 6 <html:style type="text/css"> 7 @font-face { 8 font-family: firasans; 9 src: url(../fonts/fira/FiraSans-Regular.otf); 10 } 11 vbox { 12 font-family: firasans; 13 font-size: 40px; 14 } 15 label { 16 width: 230px; 17 } 18 </html:style> 19 <vbox width="230"> 20 <label id="start" value="" crop="start" /> 21 <label id="end" value="" crop="end" /> 22 <label id="center" value="" crop="center" /> 23 </vbox> 24 <script> 25 <![CDATA[ 26 function text(n) { 27 // Include U+FE0E variation selector to ensure font selection doesn't 28 // seek out a color-emoji font in preference to Fira. 29 return "\u{1F310}\u{FE0E}".repeat(n); 30 } 31 // Start is aligned slightly differently. 32 // document.getElementById("start").value = text(10); 33 document.getElementById("end").value = text(10); 34 document.getElementById("center").value = text(10); 35 document.documentElement.className = ""; 36 ]]> 37 </script> 38 </window>