diff --git a/assets/stylesheets/fontawesome/_variables.scss b/assets/stylesheets/fontawesome/_variables.scss
index 7e1751a..20320e6 100644
--- a/assets/stylesheets/fontawesome/_variables.scss
+++ b/assets/stylesheets/fontawesome/_variables.scss
@@ -1,7 +1,7 @@
 // Variables
 // --------------------------
 
-$fa-font-path:                "../webfonts" !default;
+$fa-font-path:                "../fonts" !default;
 $fa-font-size-base:           16px !default;
 $fa-css-prefix:               fa !default;
 $fa-version:                  "5.0.4" !default;
diff --git a/assets/stylesheets/identities.scss b/assets/stylesheets/identities.scss
index 213ee29..f0d4066 100644
--- a/assets/stylesheets/identities.scss
+++ b/assets/stylesheets/identities.scss
@@ -26,7 +26,7 @@
     text-align: right;
 }
 
-.identity .fa {
+.identity .fab, .identity .fal, .identity .fas { 
     color: rgba(0, 10, 25, 0.65);
     font-size: 1.6em;
     text-align: center;
@@ -58,7 +58,7 @@
     font-size: 0.75em;
 }
 
-.identity-category .title .fa {
+.identity-category .title .fal, .identity-category .title .far, .identity-category .title .fas {
     color: #aaa;
     margin: 0 0.2em;
     transform: rotateZ(-23deg);
diff --git a/assets/stylesheets/index.scss b/assets/stylesheets/index.scss
index b4a79ed..26442ef 100644
--- a/assets/stylesheets/index.scss
+++ b/assets/stylesheets/index.scss
@@ -1,4 +1,7 @@
-@import "../../node_modules/font-awesome/scss/font-awesome.scss";
+@import "fontawesome/fontawesome.scss";
+@import "fontawesome/fa-brands.scss";
+@import "fontawesome/fa-regular.scss";
+@import "fontawesome/fa-solid.scss";
 @import "../../node_modules/unsemantic/assets/sass/unsemantic-grid-responsive.scss";
 
 @import "header.scss";
diff --git a/gulpfile.js b/gulpfile.js
index 1ad18d6..5d487a0 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -3,12 +3,7 @@ const gulp = require('gulp')
 const rename = require('gulp-rename')
 const sass = require('gulp-sass')
 
-gulp.task('default', ['fonts', 'stylesheet'])
-
-gulp.task('fonts', function () {
-    return gulp.src('./node_modules/font-awesome/fonts/*')
-        .pipe(gulp.dest('./assets/fonts/'))
-})
+gulp.task('default', ['stylesheet'])
 
 gulp.task('stylesheet', function () {
     return gulp.src('./assets/stylesheets/index.scss')
diff --git a/index.html b/index.html
index a63de1d..56d0be1 100644
--- a/index.html
+++ b/index.html
@@ -20,41 +20,41 @@
                     </h1>
                     <div class="labels">
                         <a alt="home" class="label" href="//futa.moe">
-                            <i aria-hidden="true" class="fa fa-map-marker"></i>
+                            <i aria-hidden="true" class="fas fa-map-marker"></i>
                             <span class="title">五月研究所</span>
                             <span class="link">//futa.moe</span>
                         </a>
                         <div alt="languages" class="label">
-                            <i aria-hidden="true" class="fa fa-language"></i>
+                            <i aria-hidden="true" class="fas fa-language"></i>
                             <span class="title">LANG</span>
                             <span class="content">汉语 / 漢語 / English</span>
                         </div>
                         <div alt="education" class="label">
-                            <i aria-hidden="true" class="fa fa-university"></i>
+                            <i aria-hidden="true" class="fas fa-university"></i>
                             <span class="title">current</span>
                             <span class="content">Guangxi University</span>
                         </div>
                     </div>
                     <div class="labels">
                         <div alt="browser" class="label">
-                            <i aria-hidden="true" class="fa fa-chrome"></i>
+                            <i aria-hidden="true" class="fab fa-chrome"></i>
                             <span class="content">beta</span>
                         </div>
                         <div alt="editor" class="label">
-                            <i aria-hidden="true" class="fa fa-keyboard-o"></i>
+                            <i aria-hidden="true" class="far fa-keyboard"></i>
                             <span class="content">vim</span>
                         </div>
                         <div alt="spaces or tabs" class="label">
-                            <i aria-hidden="true" class="fa fa-i-cursor"></i>
+                            <i aria-hidden="true" class="fas fa-i-cursor"></i>
                             <span class="content">spaces</span>
                         </div>
                         <div alt="platforms" class="label">
-                            <i aria-hidden="true" class="fa fa-windows"></i>
+                            <i aria-hidden="true" class="fab fa-windows"></i>
                             <span class="content">10</span>
-                            <i aria-hidden="true" class="fa fa-linux"></i>
+                            <i aria-hidden="true" class="fab fa-linux"></i>
                             <span class="content">debian</span>
                             <span class="content">gentoo</span>
-                            <i aria-hidden="true" class="fa fa-apple"></i>
+                            <i aria-hidden="true" class="fab fa-apple"></i>
                             <span class="content">sierra</span>
                         </div>
                     </div>
@@ -62,23 +62,23 @@
             </div>
             <div class="section identity-category grid-container">
                 <h2 class="title">
-                    <i aria-hidden="true" class="fa fa-chevron-right"></i> Naoki Rinmous
+                    <i aria-hidden="true" class="fas fa-chevron-right"></i> Naoki Rinmous
                     <span class="no-wrap">
-                        <small class="tag"><i aria-hidden="true" class="fa fa-tag"></i><del>designer</del></small>
-                        <small class="tag"><i aria-hidden="true" class="fa fa-tag"></i>programmer</small>
+                        <small class="tag"><i aria-hidden="true" class="fas fa-tag"></i><del>designer</del></small>
+                        <small class="tag"><i aria-hidden="true" class="fas fa-tag"></i>programmer</small>
                     </span>
                 </h2>
                 <ul class="identities grid-50">
                     <li class="identity">
                         <a href="https://github.com/amphineko">
-                            <i aria-hidden="true" class="fa fa-github"></i>
+                            <i aria-hidden="true" class="fab fa-github"></i>
                             <span class="where">github</span>
                             <span class="link">@amphineko</span>
                         </a>
                     </li>
                     <li class="identity">
                         <a href="https://keybase.io/amphineko">
-                            <i aria-hidden="true" class="fa fa-key"></i>
+                            <i aria-hidden="true" class="fas fa-key"></i>
                             <span class="where">keybase</span>
                             <span class="link">@amphineko</span>
                         </a>
@@ -87,28 +87,28 @@
                 <ul class="identities grid-50">
                     <li class="identity">
                         <a href="https://plus.google.com/104160980463474768448">
-                            <i aria-hidden="true" class="fa fa-google-plus"></i>
+                            <i aria-hidden="true" class="fab fa-google-plus"></i>
                             <span class="where">google plus</span>
                             <span class="link">+椎名奈緒</span>
                         </a>
                     </li>
                     <li class="identity">
                         <a href="https://telegram.me/amphineko">
-                            <i aria-hidden="true" class="fa fa-telegram"></i>
+                            <i aria-hidden="true" class="fab fa-telegram"></i>
                             <span class="where">telegram</span>
                             <span class="link">@amphineko</span>
                         </a>
                     </li>
                     <li class="identity">
                         <a href="https://twitter.com/amphineko">
-                            <i aria-hidden="true" class="fa fa-twitter"></i>
+                            <i aria-hidden="true" class="fab fa-twitter"></i>
                             <span class="where">twitter</span>
                             <span class="link">@amphineko</span>
                         </a>
                     </li>
                     <li class="identity">
                         <a href="http://weibo.com/uncookie">
-                            <i aria-hidden="true" class="fa fa-weibo"></i>
+                            <i aria-hidden="true" class="fab fa-weibo"></i>
                             <span class="where">weibo</span>
                             <span class="link">猫耳继电器</span>
                         </a>
@@ -117,24 +117,24 @@
             </div>
             <div class="section identity-category grid-container">
                 <h2 class="title">
-                    <i aria-hidden="true" class="fa fa-chevron-right"></i> NekoSauce
+                    <i aria-hidden="true" class="fas fa-chevron-right"></i> NekoSauce
                     <span class="no-wrap">
-                        <small class="tag no-wrap"><i aria-hidden="true" class="fa fa-tag"></i>sandbox</small>
-                        <small class="tag no-wrap"><i aria-hidden="true" class="fa fa-tag"></i>simulation</small>
-                        <small class="tag no-wrap"><i aria-hidden="true" class="fa fa-tag"></i>music</small>
+                        <small class="tag no-wrap"><i aria-hidden="true" class="fas fa-tag"></i>gamer</small>
+                        <small class="tag no-wrap"><i aria-hidden="true" class="fas fa-tag"></i>simulation</small>
+                        <small class="tag no-wrap"><i aria-hidden="true" class="fas fa-tag"></i>music-game</small>
                     </span>
                 </h2>
                 <ul class="identities grid-50">
                     <li class="identity">
                         <a href="#">
-                            <i aria-hidden="true" class="fa fa-plane"></i>
-                            <span class="where">portalgun-gress</span>
+                            <i aria-hidden="true" class="fas fa-bicycle"></i>
+                            <span class="where">scanner</span>
                             <span class="link">NekoSauce</span>
                         </a>
                     </li>
                     <li class="identity">
                         <a href="http://steamcommunity.com/id/amphineko">
-                            <i aria-hidden="true" class="fa fa-steam"></i>
+                            <i aria-hidden="true" class="fab fa-steam-symbol"></i>
                             <span class="where">steam</span>
                             <span class="link">NekoSauce</span>
                         </a>
@@ -143,14 +143,14 @@
                 <ul class="identities grid-50">
                     <li class="identity">
                         <a href="#">
-                            <i aria-hidden="true" class="fa fa-registered"></i>
+                            <i aria-hidden="true" class="fas fa-registered"></i>
                             <span class="where">bemani</span>
                             <span class="link">NEKOSAUC</span>
                         </a>
                     </li>
                     <li class="identity">
                         <a href="https://osu.ppy.sh/u/Rukatan">
-                            <i aria-hidden="true" class="fa fa-wheelchair-alt"></i>
+                            <i aria-hidden="true" class="fab fa-accessible-icon"></i>
                             <span class="where">osu!</span>
                             <span class="link">Rukatan</span>
                         </a>
@@ -158,7 +158,7 @@
                 </ul>
             </div>
             <div class="section">
-                <a class="hosting" href="//futa.moe"><i aria-hidden="true" class="fa fa-heart-o"></i> Hosted by 五月研究所 <span class="link">//futa.moe</span></a>
+                <a class="hosting" href="//futa.moe"><i aria-hidden="true" class="far fa-heart"></i> Hosted by 五月研究所 <span class="link">//futa.moe</span></a>
                 <div class="copyright">
                     Copyright © 2015-2017 Naoki Rinmous. Illustrations have their own licenses.
                 </div>