+
−<?xml version="1.0"?>
+
−<window class="reftest-wait"
+
−        align="start"
+
−        xmlns:html="http://www.w3.org/1999/xhtml"
+
−        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
−<html:style type="text/css">
+
−  @font-face {
+
−    font-family: firasans;
+
−    src: url(../fonts/fira/FiraSans-Regular.otf);
+
−  }
+
−  vbox {
+
−    font-family: firasans;
+
−    font-size: 40px;
+
−  }
+
−  label {
+
−    width: 230px;
+
−  }
+
−</html:style>
+
−<vbox width="230">
+
−  <label id="start" value="" crop="start" />
+
−  <label id="end" value="" crop="end" />
+
−  <label id="center" value="" crop="center" />
+
−</vbox>
+
−<script>
+
−<![CDATA[
+
−function text(n) {
+
−  // Include U+FE0E variation selector to ensure font selection doesn't
+
−  // seek out a color-emoji font in preference to Fira.
+
−  return "\u{1F310}\u{FE0E}".repeat(n);
+
−}
+
−// Start is aligned slightly differently.
+
−// document.getElementById("start").value = text(10);
+
−document.getElementById("end").value = text(10);
+
−document.getElementById("center").value = text(10);
+
−document.documentElement.className = "";
+
−]]>
+
−</script>
+
−</window>