Added font awesome locally

material/assets/fonts/fa-brands.css

+/*!
+ * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face {
+  font-family: "Font Awesome 5 Brands";
+  font-style: normal;
+  font-weight: 400;
+  src: url("../fonts/fa-brands-400.eot");
+  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
+  url("../fonts/fa-brands-400.woff2") format("woff2"),
+  url("../fonts/fa-brands-400.woff") format("woff"),
+  url("../fonts/fa-brands-400.ttf") format("truetype"),
+  url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
+}
+
+.fab {
+  font-family: "Font Awesome 5 Brands", sans-serif;
+}

material/base.html

@@ -61,6 +61,7 @@
       <link rel="stylesheet" href="{{ base_url }}/assets/fonts/roboto-mono.css">
       <style>body,input{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}code,kbd,pre{font-family:"Roboto Mono","Courier New",Courier,monospace}</style>
       <link rel="stylesheet" href="{{ base_url }}/assets/fonts/MaterialIcons.css">
+      <link rel="stylesheet" href="{{ base_url }}/assets/fonts/fa-brands.css">
     {% endblock %}
     {% for path in extra_css %}
       <link rel="stylesheet" href="{{ path }}">

src/assets/fonts/fa-brands.css

+/*!
+ * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face {
+  font-family: "Font Awesome 5 Brands";
+  font-style: normal;
+  font-weight: 400;
+  src: url("../fonts/fa-brands-400.eot");
+  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
+  url("../fonts/fa-brands-400.woff2") format("woff2"),
+  url("../fonts/fa-brands-400.woff") format("woff"),
+  url("../fonts/fa-brands-400.ttf") format("truetype"),
+  url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
+}
+
+.fab {
+  font-family: "Font Awesome 5 Brands", sans-serif;
+}

src/base.html

@@ -128,6 +128,7 @@
         }
       </style>
       <link rel="stylesheet" type="text/css" href="{{ base_url }}/assets/fonts/MaterialIcons.css" />
+      <link rel="stylesheet" type="text/css" href="{{ base_url }}/assets/fonts/fa-brands.css" />
     {% endblock %}
 
     <!-- Custom stylesheets -->

src/partials/social.html

@@ -23,9 +23,6 @@
 <!-- Social links in footer -->
 {% if config.extra.social %}
   <div class="md-footer-social">
-    {% set path = "ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" %}
-    <link rel="stylesheet" type="text/css"
-        href="https://cdnjs.cloudflare.com/{{ path }}">
     {% for social in config.extra.social %}
       <a href="{{ social.link }}" class="md-footer-social__link
             fa fa-{{ social.type }}"></a>