diff --git a/src/fonts/NotesEsaBol.otf b/src/fonts/NotesEsaBol.otf
new file mode 100644
index 000000000..9a375c9a6
Binary files /dev/null and b/src/fonts/NotesEsaBol.otf differ
diff --git a/src/fonts/NotesEsaBolIta.otf b/src/fonts/NotesEsaBolIta.otf
new file mode 100644
index 000000000..638aa06cd
Binary files /dev/null and b/src/fonts/NotesEsaBolIta.otf differ
diff --git a/src/fonts/NotesEsaReg.otf b/src/fonts/NotesEsaReg.otf
new file mode 100644
index 000000000..362245f06
Binary files /dev/null and b/src/fonts/NotesEsaReg.otf differ
diff --git a/src/fonts/NotesEsaRegIta.otf b/src/fonts/NotesEsaRegIta.otf
new file mode 100644
index 000000000..037c6db78
Binary files /dev/null and b/src/fonts/NotesEsaRegIta.otf differ
diff --git a/src/scripts/components/layer-selector/layer-selector.styl b/src/scripts/components/layer-selector/layer-selector.styl
index 1dbca2a18..682adf5c0 100644
--- a/src/scripts/components/layer-selector/layer-selector.styl
+++ b/src/scripts/components/layer-selector/layer-selector.styl
@@ -1,5 +1,10 @@
 @require '../../../variables.styl'
 
+@font-face
+  font-style: normal
+  font-family: NotesEsa
+  src: url('../../../fonts/NotesEsaReg.otf')
+
 .layerSelector
   position: absolute
   top: 0
@@ -28,3 +33,5 @@
   margin: 0
   text-transform: uppercase
   font-size: emCalc(18px)
+  font-family: NotesEsa
+  line-height: emCalc(18px)
diff --git a/webpack.config.js b/webpack.config.js
index f0d6ee47d..80439c488 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -56,6 +56,16 @@ module.exports = (env, {mode} = {}) => {
             },
             {loader: 'stylus-loader'}
           ]
+        },
+        {
+          test: /\.(woff(2)?|ttf|otf|eot)(\?v=\d+\.\d+\.\d+)?$/,
+          use: {
+            loader: 'file-loader',
+            options: {
+              name: '[name].[ext]',
+              outputPath: 'fonts/'
+            }
+          }
         }
       ]
     },