move a couple of fonts to npm packages

app/assets/stylesheets/lato-fonts.css

@@ -2,54 +2,34 @@
   font-family: 'Lato';
   font-style: normal;
   font-weight: 300;
-  src: local('Lato Light'), local('Lato-Light');
-  src: url('/fonts/lato/Lato-Light.eot'); /* IE9 Compat Modes */
-  src: url('/fonts/lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/fonts/lato/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
-       url('/fonts/lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
-       url('/fonts/lato/Lato-Light.ttf') format('truetype');
+  src: url('lato-latin-300-normal.woff2') format('woff2'),
+       url('lato-latin-300-normal.woff') format('woff');
 }
 @font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 400;
-  src: local('Lato Regular'), local('Lato-Regular');
-  src: url('/fonts/lato/Lato-Regular.eot'); /* IE9 Compat Modes */
-  src: url('/fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/fonts/lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
-       url('/fonts/lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
-       url('/fonts/lato/Lato-Regular.ttf') format('truetype');
+  src: url('lato-latin-400-normal.woff2') format('woff2'),
+       url('lato-latin-400-normal.woff') format('woff');
 }
 @font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 700;
-  src: local('Lato Bold'), local('Lato-Bold');
-  src: url('/fonts/lato/Lato-Bold.eot'); /* IE9 Compat Modes */
-  src: url('/fonts/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/fonts/lato/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
-       url('/fonts/lato/Lato-Bold.woff') format('woff'), /* Modern Browsers */
-       url('/fonts/lato/Lato-Bold.ttf') format('truetype');
+  src: url('lato-latin-700-normal.woff2') format('woff2'),
+       url('lato-latin-700-normal.woff') format('woff');
 }
 @font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 900;
-  src: local('Lato Black'), local('Lato-Black');
-  src: url('/fonts/lato/Lato-Black.eot'); /* IE9 Compat Modes */
-  src: url('/fonts/lato/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/fonts/lato/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
-       url('/fonts/lato/Lato-Black.woff') format('woff'), /* Modern Browsers */
-       url('/fonts/lato/Lato-Black.ttf') format('truetype');
+  src: url('lato-latin-900-normal.woff2') format('woff2'),
+       url('lato-latin-900-normal.woff') format('woff');
 }
 @font-face {
   font-family: 'Lato';
   font-style: italic;
   font-weight: 400;
-  src: local('Lato Italic'), local('Lato-Italic');
-  src: url('/fonts/lato/Lato-Italic.eot'); /* IE9 Compat Modes */
-  src: url('/fonts/lato/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/fonts/lato/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
-       url('/fonts/lato/Lato-Italic.woff') format('woff'), /* Modern Browsers */
-       url('/fonts/lato/Lato-Italic.ttf') format('truetype');
+  src: url('lato-latin-400-italic.woff2') format('woff2'),
+       url('lato-latin-400-italic.woff') format('woff');
 }

app/assets/stylesheets/reenie-beanie-font.css

@@ -2,10 +2,6 @@
   font-family: 'Reenie Beanie';
   font-style: normal;
   font-weight: 400;
-  src: local('Reenie Beanie'), local('ReenieBeanie');
-  src: url('/fonts/reenie-beanie/ReenieBeanie.eot?#iefix') format('embedded-opentype'),
-       url('/fonts/reenie-beanie/ReenieBeanie.woff2') format('woff2'),
-       url('/fonts/reenie-beanie/ReenieBeanie.woff') format('woff'),
-       url('/fonts/reenie-beanie/ReenieBeanie.ttf') format('truetype'),
-       url('/fonts/reenie-beanie/ReenieBeanie.svg#ReenieBeanie') format('svg');
+  src: url('reenie-beanie-latin-400-normal.woff2') format('woff2'),
+       url('reenie-beanie-latin-400-normal.woff') format('woff');
 }

config/initializers/assets.rb

@@ -13,5 +13,7 @@
   Rails.root.join("node_modules/jquery"),
   Rails.root.join("node_modules/mousetrap"),
   Rails.root.join("node_modules/underscore"),
-  Rails.root.join("node_modules/jquery-visible")
+  Rails.root.join("node_modules/jquery-visible"),
+  Rails.root.join("node_modules/@fontsource/lato/files"),
+  Rails.root.join("node_modules/@fontsource/reenie-beanie/files")
 ]

package.json

@@ -5,6 +5,8 @@
     "stylelint": "stylelint 'app/assets/stylesheets/**/*.css'"
   },
   "dependencies": {
+    "@fontsource/lato": "^5.2.7",
+    "@fontsource/reenie-beanie": "^5.2.8",
     "backbone": "1.0.0",
     "bootstrap": "3.1.1",
     "jquery": "1.9.1",