feat(fonts): add font (#272)

* feat(fonts): add font * refactor(font): remove font-face * refactor(webpack-loader): remove svg
ubilabs · Mar 2, 2020 · 9721ddc · 9721ddc
1 parent 8f9d1e5
commit 9721ddc
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 0 deletions.
diff --git a/src/fonts/NotesEsaBol.otf b/src/fonts/NotesEsaBol.otf
diff --git a/src/fonts/NotesEsaBolIta.otf b/src/fonts/NotesEsaBolIta.otf
diff --git a/src/fonts/NotesEsaReg.otf b/src/fonts/NotesEsaReg.otf
diff --git a/src/fonts/NotesEsaRegIta.otf b/src/fonts/NotesEsaRegIta.otf
diff --git 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
@@ -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/'
+            }
+          }
         }
       ]
     },