fix icons error by preloading FA 5 first

app/views/layouts/application.html.erb

@@ -20,7 +20,7 @@
     <script type="text/javascript" async
       src="https://cdn.jsdelivr.net/npm/[email protected]/MathJax.js?config=TeX-MML-AM_CHTML">
     </script>
-
+    <link rel="stylesheet preload prefetch" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css" as="style" type="text/css" />
     <%= stylesheet_link_tag "application", :media => "all" %>
     <% if @node && @node.has_tag('style:fancy') %>
       <%= stylesheet_link_tag "fancy", :media => "all" %>

app/views/map/_mapDependencies.html.erb

@@ -9,7 +9,6 @@
 <%= javascript_include_tag('/lib/leaflet-environmental-layers/dist/LeafletEnvironmentalLayers.js') %>
 <%= javascript_include_tag('/lib/leaflet-environmental-layers/src/windRoseLayer.js') %>
 <%= javascript_include_tag('/lib/leaflet-fullhash/leaflet-fullHash.js') %>
-<%= stylesheet_link_tag('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css') %>
 <%= javascript_include_tag('https://unpkg.com/[email protected]/dist/esri-leaflet.js') %>
 <%= javascript_include_tag('https://unpkg.com/[email protected]') %>