Fix social icons

assets/scss/_base.scss

@@ -193,3 +193,11 @@ img {
 .float-left {
   float: left;
 }
+
+.fab {
+  font-weight: 400;
+}
+
+.fas {
+  font-weight: 900;
+}

assets/scss/_content.scss

@@ -37,7 +37,7 @@
     list-style: none;
     padding: 0;
     li {
-      font-size: 1.6rem;
+      font-size: 1.8rem;
       @media only screen and (max-device-width : 768px) {
         margin: 1.6rem 0 1.6rem 0;
       }

exampleSite/config.toml

@@ -34,27 +34,27 @@ disqusShortname = "yourdiscussshortname"
 
 [[params.social]]
     name = "Github"
-    icon = "fab fa-github fa-2x"
+    icon = "fab fa-github"
     weight = 1
     url = "https://github.com/johndoe/"
 [[params.social]]
     name = "Gitlab"
-    icon = "fab fa-gitlab fa-2x"
+    icon = "fab fa-gitlab"
     weight = 2
     url = "https://gitlab.com/johndoe/"
 [[params.social]]
     name = "Twitter"
-    icon = "fab fa-twitter fa-2x"
+    icon = "fab fa-twitter"
     weight = 3
     url = "https://twitter.com/johndoe/"
 [[params.social]]
     name = "LinkedIn"
-    icon = "fab fa-linkedin fa-2x"
+    icon = "fab fa-linkedin"
     weight = 4
     url = "https://www.linkedin.com/in/johndoe/"
 [[params.social]]
     name = "Medium"
-    icon = "fab fa-medium fa-2x"
+    icon = "fab fa-medium"
     weight = 5
     url = "https://medium.com/@johndoe"