Redo FontAwesome stuff, I guess.

src/General/Index.coffee

@@ -3,9 +3,10 @@ Index =
     return if g.VIEW isnt 'index' or g.BOARD.ID is 'f'
 
     @button = $.el 'a',
-      className: 'index-refresh-shortcut fa fa-refresh'
+      className: 'index-refresh-shortcut fa'
       title: 'Refresh Index'
       href: 'javascript:;'
+      textContent: "\uf021"
     $.on @button, 'click', @update
     Header.addShortcut @button, 1
 

src/General/css/layout.css

@@ -838,7 +838,13 @@ th {
   z-index: 18;
   border-width: 1px 0 0 1px;
   border-style: solid;
-  content: '✖';
+  content: '\uf00d';
+  font-family: FontAwesome;
+  font-weight: normal;
+  font-style: normal;
+  text-decoration: inherit;
+  -webkit-font-smoothing: antialiased;
+  font-size:14px !important;
   display: block;
   position: fixed;
   bottom: 0;
@@ -1301,7 +1307,7 @@ a.useremail:last-of-type {
   position: absolute;
   top: -1px;
 }
-.focused .submenu {
+.focused > .submenu {
   display: block;
 }
 /* Stubs */
@@ -2449,7 +2455,13 @@ article li {
   content: '?';
 }
 .closeIcon::after {
-  content: '✖';
+  content: '\uf00d';
+  font-family: FontAwesome;
+  font-weight: normal;
+  font-style: normal;
+  text-decoration: inherit;
+  -webkit-font-smoothing: antialiased;
+  font-size:14px !important;
 }
 /* Front Page */
 #logo {

src/General/html/Features/Index-navlinks.html

@@ -1,4 +1,4 @@
 [<a href="./catalog">Catalog</a>]&nbsp;
 [<time id="index-last-refresh" title="Last index refresh">...</time>]&nbsp;
 <input type="search" id="index-search" class="field" placeholder="Search">
-<a id="index-search-clear" class="fa fa-times-circle" href="javascript:;"></a>
+<a id="index-search-clear" class="fa" href="javascript:;">\uf057</a>

src/General/html/Features/QuickReply.html

@@ -5,7 +5,7 @@
       <option value=new>New thread</option>
     </select>
   </div>
-  <a href=javascript:; class=close title=Close>✖</a>
+  <a href=javascript:; class='close fa' title=Close>\uf00d</a>
 </div>
 <form>
   <div class=persona>
@@ -32,7 +32,7 @@
         <span class=description>Spoiler</span>
         <a id=dump-button title='Dump list'>+</a>
         <span class=description>Dump</span>
-        <a id=qr-filerm href=javascript:; title='Remove file'>✖</a>
+        <a id=qr-filerm href=javascript:; title='Remove file' class=fa>\uf00d</a>
         <span class=description>Remove File</span>
       </span>
     </span>

src/General/html/Settings/Settings.html

@@ -8,7 +8,7 @@
     <a href='<%= meta.page %>' target=_blank><%= meta.name %></a> |
     <a href='<%= meta.repo %>blob/<%= meta.mainBranch %>/CHANGELOG.md' target=_blank>#{g.VERSION}</a> |
     <a href='<%= meta.repo %>blob/<%= meta.mainBranch %>/README.md#reporting-bugs-and-suggestions' target=_blank>Issues</a> |
-    <a href=javascript:; class=close title=Close>✖</a>
+    <a href=javascript:; class='close fa' title=Close>\uf00d</a>
   </div>
 </nav>
 <hr>

src/General/lib/notice.class

@@ -1,7 +1,7 @@
 class Notice
   constructor: (type, content, @timeout) ->
     @el = $.el 'div',
-      innerHTML: '<a href=javascript:; class="close fa fa-times" title=Close></a><div class=message></div>'
+      innerHTML: '<a href=javascript:; class="close fa" title=Close>\uf00d</a><div class=message></div>'
     @el.style.opacity = 0
     @setType type
     $.on @el.firstElementChild, 'click', @close

src/Images/Gallery.coffee

@@ -36,7 +36,7 @@ Gallery =
 <div class=gal-viewport>
   <span class=gal-buttons>
     <a class="menu-button" href="javascript:;"><i class=drop-marker></i></a>
-    <a href=javascript:; class=gal-close>✖</a>
+    <a href=javascript:; class='gal-close fa'>\uf00d</a>
   </span>
   <a class=gal-name target="_blank"></a>
   <span class=gal-count>

src/Monitoring/ThreadWatcher.coffee

@@ -146,8 +146,9 @@ ThreadWatcher =
 
   makeLine: (boardID, threadID, data) ->
     x = $.el 'a',
-      className: 'fa fa-times'
+      className: 'fa'
       href: 'javascript:;'
+      textContent: '\uf00d'
     $.on x, 'click', ThreadWatcher.cb.rm
 
     if data.isDead

src/Posting/QuickReply.coffee

@@ -509,7 +509,7 @@ QR =
         className: 'qr-preview'
         draggable: true
         href: 'javascript:;'
-        innerHTML: '<a class="remove fa fa-times-circle" title=Remove></a><label hidden><input type=checkbox> Spoiler</label><span></span>'
+        innerHTML: '<a class="remove fa" title=Remove>\uf057</a><label hidden><input type=checkbox> Spoiler</label><span></span>'
 
       @nodes =
         el:      el