diff --git a/src/App/App.tsx b/src/App/App.tsx
index a8bd057..f9cca35 100644
--- a/src/App/App.tsx
+++ b/src/App/App.tsx
@@ -10,7 +10,7 @@ import Header from '../components/Header';
 import { Container, Content } from '../components/Layout';
 import RouterApp from '../router';
 import API from '../utils/api';
-import '../styles/typeface-roboto.css';
+import 'typeface-roboto/index.css';
 import '../utils/styles/global';
 import 'normalize.css';
 import Footer from '../components/Footer';
diff --git a/src/styles/typeface-roboto.css b/src/styles/typeface-roboto.css
deleted file mode 100644
index f79f754..0000000
--- a/src/styles/typeface-roboto.css
+++ /dev/null
@@ -1 +0,0 @@
-@import '~typeface-roboto';
diff --git a/tools/webpack.config.js b/tools/webpack.config.js
index fa87aab..515d8a8 100644
--- a/tools/webpack.config.js
+++ b/tools/webpack.config.js
@@ -66,7 +66,7 @@ module.exports = {
         test: /\.(woff|woff2|eot|ttf|otf)$/,
         loader: 'url-loader',
         options: {
-          name: 'fonts/[name].[ext]',
+          name: '/fonts/[name].[ext]',
           limit: 50,
         },
       },