chore(*): replace material icons with font awesome

layout/common/article.ejs

@@ -76,7 +76,7 @@
         <% if (post.prev){ %>
         <div class="level-start">
             <a class="level level-item has-link-grey <%= !post.prev ? 'is-hidden-mobile' : '' %> article-nav-prev" href="<%- url_for(post.prev.path) %>">
-                <i class="level-item material-icons">keyboard_arrow_left</i>
+                <i class="level-item fas fa-chevron-left"></i>
                 <span class="level-item"><%= post.prev.title %></span>
             </a>
         </div>
@@ -85,7 +85,7 @@
         <div class="level-end">
             <a class="level level-item has-link-grey <%= !post.next ? 'is-hidden-mobile' : '' %> article-nav-next" href="<%- url_for(post.next.path) %>">
                 <span class="level-item"><%= post.next.title %></span>
-                <i class="level-item material-icons">keyboard_arrow_right</i>
+                <i class="level-item fas fa-chevron-right"></i>
             </a>
         </div>
         <% } %>

layout/common/head.ejs

@@ -23,7 +23,6 @@
 
 <%- css(cdn('bulma', '0.7.2', 'css/bulma.css')) %>
 <%- css(iconcdn()) %>
-<%- css(fontcdn('Material+Icons', 'icon')) %>
 <%- css(fontcdn('Ubuntu:400,600|Source+Code+Pro')) %>
 <%- css(cdn('highlight.js', '9.12.0', 'styles/' + get_config('article.highlight') + '.css')) %>
 <%- css('css/style') %>

layout/common/navbar.ejs

@@ -34,7 +34,7 @@
                 <% } %>
                 <% if (has_config('search.type')) { %>
                 <a class="navbar-item search" title="<%= __('search.search') %>" href="javascript:;">
-                    <i class="material-icons is-size-5">search</i>
+                    <i class="fas fa-search"></i>
                 </a>
                 <% } %>
             </div>

layout/plugin/back-to-top.ejs

@@ -1,7 +1,7 @@
 <% if (plugin !== false) { %>
 <% if (!head) { %>
 <a id="back-to-top" title="<%= __('plugin.backtotop') %>" href="javascript:;">
-    <i class="material-icons">keyboard_arrow_up</i>
+    <i class="fas fa-chevron-up"></i>
 </a>
 <style>
 #back-to-top {
@@ -9,7 +9,7 @@
     padding: 8px 0;
     transition: 0.4s ease opacity, 0.4s ease width, 0.4s ease transform, 0.4s ease border-radius;
     opacity: 0;
-    font-size: 0;
+    line-height: 24px;
     outline: none;
     transform: translateY(120px);
 }

layout/widget/profile.ejs

@@ -27,7 +27,7 @@
                     <% } %>
                     <% if (get_config_from_obj(widget, 'location')) { %>
                     <p class="is-size-6 is-flex is-flex-center has-text-grey">
-                        <i class="material-icons is-size-5 has-mr-7">location_on</i>
+                        <i class="fas fa-map-marker-alt has-mr-7"></i>
                         <span><%= get_config_from_obj(widget, 'location') %></span>
                     </p>
                     <% } %>

source/css/style.styl

@@ -240,10 +240,10 @@ img.thumbnail
         margin-top: 1em !important
 
 /* ---------------------------------
- *    Material Icons Anti-aliasing
+ *         Font icon fixes
  * --------------------------------- */
-.material-icons
-    transform: rotate(0.03deg)
+.fa, .fab, .fal, .far, .fas
+    line-height: inherit
 
 /* ---------------------------------
  *        Fix content elements