diff --git a/package.json b/package.json
index c061001..ff6399b 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,8 @@
     "babel-plugin-transform-react-jsx": "^6.24.1",
     "bootstrap": "^4.0.0-alpha.6",
     "express": "^4.15.3",
+    "file-loader": "^0.11.2",
+    "font-awesome": "^4.7.0",
     "node-sass": "^4.5.3",
     "sass-loader": "^6.0.6"
   }
diff --git a/scss/base.scss b/scss/base.scss
index cbd46a7..468b1c6 100644
--- a/scss/base.scss
+++ b/scss/base.scss
@@ -1 +1,3 @@
 @import "bootstrap";
+$fa-font-path: "../node_modules/font-awesome/fonts/";
+@import "font-awesome";
diff --git a/src/index.js b/src/index.js
index 0e72864..bd628de 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,6 +3,8 @@ import { render } from 'react-dom';
 import scss from '../scss/base.scss';
 
 render(
-  <h1>Hello world!</h1>,
+  <h1>
+    Hello world!
+  </h1>,
   document.getElementById('root')
 );
diff --git a/webpack.config.js b/webpack.config.js
index 6e149d7..12abb6e 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -19,6 +19,7 @@ module.exports = {
   module: {
     rules: [
       { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" },
+      { test: /\.(ttf|eot|svg|woff2?)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" },
       { test: /\.scss$/,
         use: [
           'style-loader',
@@ -27,7 +28,8 @@ module.exports = {
             loader: 'sass-loader',
             options: {
               includePaths: [
-                path.resolve(__dirname, './node_modules/bootstrap/scss/')
+                path.resolve(__dirname, './node_modules/bootstrap/scss/'),
+                path.resolve(__dirname, './node_modules/font-awesome/scss/')
               ]
             }
           }