fix(preview): name the control, not where it happens to sit

The panel has three layouts and the page moves between them: beside the
export column at full width, beside the knobs at two, above both when the
window is narrow. So "the page above" is wrong in two of the three, and "the
page on the left" in two others. Neither says anything a reader could not get
from the word "preview".

Six strings said it: the coverage and fallback tips, the sizes tip pointing
at "the size on the left", the second family tip, the hinting tip counting
switches by where they sit, and the fetch remedy's "Press Fetch, above".

Author: CrazyCoder

src/crossglyph/preview/static/index.html

@@ -290,7 +290,7 @@
           FreeType fit the font whatever instructions it carries, and is worth
           trying on a face that looks muddy at small sizes.
           <br><br>
-          This row also decides what two of the switches below it can do.
+          This row also decides what two of the switches can do.
           <strong>grayscale hinting</strong> is a choice between two ways of
           running the font's own instructions, so it needs a mode where those
           run, which for almost every font means <strong>normal</strong>.
@@ -925,8 +925,8 @@ <h2>Export</h2>
                   aria-describedby="sizes-tip">?</button>
           <span class="tip" id="sizes-tip" role="tooltip">
             The reader's Font Size setting lists every size the family carries,
-            one entry each. Not the size on the left, which is only what you
-            are tuning at. A box takes a fraction, in the quarter points that
+            one entry each. Not the <strong>size</strong> knob, which is only
+            what you are tuning at. A box takes a fraction, in the quarter points that
             knob steps in, and rounds anything between them.
           </span>
         </span></span>
@@ -988,7 +988,7 @@ <h2><button type="button" id="mod-toggle" data-fold="mod"
                 aria-describedby="mod-tip">?</button>
         <span class="tip" id="mod-tip" role="tooltip">
           More sizes, built from the same faces. With the suffix empty they
-          join the family above, and the reader lists them among its sizes:
+          join this family, and the reader lists them among its sizes:
           nothing limits how many one family carries. Fill the suffix in and
           they build <strong id="mod-name">a second family</strong> instead,
           listed beside the first under that name, which is worth having when
@@ -1055,7 +1055,7 @@ <h2><button type="button" id="mod-toggle" data-fold="mod"
             Extra Unicode ranges, for books that need them. More coverage means
             a larger file and a longer build.
             <br><br>
-            The page above draws what a build of these ticks would draw. Untick
+            The preview draws what a build of these ticks would draw. Untick
             a range the text uses and it goes blank there, the way the built
             font would, and the note under the text box says which tick would
             carry it.
@@ -1090,8 +1090,8 @@ <h2><button type="button" id="mod-toggle" data-fold="mod"
             a glyph the family already has. Some uncommon codepoints may still
             be left out of the <code>.cpfont</code>.
             <br><br>
-            None of this decides the page on the left: a preview is built from
-            the text in the box, whatever is ticked here.
+            None of this decides what the preview draws: it is built from the
+            text in the box, whatever is ticked here.
           </span>
         </span>
       </span>
@@ -1139,7 +1139,7 @@ <h2><button type="button" id="mod-toggle" data-fold="mod"
             on a wide coverage they are the difference between 300 glyphs and
             3,300.
             <br><br>
-            The page above shows them too, in the same order the build would:
+            The preview shows them too, in the same order the build would:
             paste a character this family has not got and you see which face it
             will actually come from. Nothing is opened while the family covers
             the text.

src/crossglyph/preview/static/js/export.js

@@ -403,9 +403,8 @@ function coverageAdvice(remedy, bundled) {
     // a folder the build does not read, and the range comes out as empty as
     // it was.
     return bundled
-      ? "Press Fetch, above, then build again."
-      : "Press Fetch, above, turn on bundled fallback faces, then build "
-        + "again.";
+      ? "Press Fetch, then build again."
+      : "Press Fetch, turn on bundled fallback faces, then build again.";
   }
   // The faces are here and this build did not use them. Usually the box is
   // off and pressing it is the whole answer; with it on, the order in the