#2 Added missing icon for puzzle service, added light/regular

light/regular may be easily integrated for having variants for the icons

package.json

@@ -35,16 +35,16 @@
     "chessground": "^9.0.4",
     "modaly.js": "^0.5.2",
     "mousetrap-ts": "^1.0.0",
-    "typesafe-i18n": "^5.26.2",
-    "smoothscroll-polyfill": "^0.4.4"
+    "smoothscroll-polyfill": "^0.4.4",
+    "typesafe-i18n": "^5.26.2"
   },
   "devDependencies": {
     "@types/smoothscroll-polyfill": "^0.3.3",
     "clean-webpack-plugin": "^4.0.0",
     "compression-webpack-plugin": "^11.0.0",
     "css-loader": "^7.0.0",
-    "http-server": "^14.1.1",
     "html-webpack-plugin": "^5.6.0",
+    "http-server": "^14.1.1",
     "style-loader": "^4.0.0",
     "ts-loader": "^9.5.1",
     "ts-node": "^10.9.1",

src/fontawesome/css/all.css

@@ -207,27 +207,24 @@ readers do not read off random characters that represent icons */
 .fa-hand-point-up:before {
   content: "\f0a6"; }
 
-.fa-pause-circle:before {
-  content: "\f28b"; }
+.fa-lightbulb:before {
+  content: "\f0eb"; }
 
 .fa-play-circle:before {
   content: "\f144"; }
 
 .fa-print:before {
   content: "\f02f"; }
 
+.fa-question:before {
+  content: "\f128"; }
+
 .fa-step-backward:before {
   content: "\f048"; }
 
 .fa-step-forward:before {
   content: "\f051"; }
 
-.fa-question:before {
-  content: "\3f"; }
-
-.fa-lightbulb:before {
-  content: "\f0eb"; }
-
 .sr-only {
   border: 0;
   clip: rect(0, 0, 0, 0);
@@ -245,6 +242,28 @@ readers do not read off random characters that represent icons */
   overflow: visible;
   position: static;
   width: auto; }
+@font-face {
+  font-family: 'Font Awesome 5 Pro';
+  font-style: normal;
+  font-weight: 300;
+  font-display: block;
+  src: url("../webfonts/fa-light-300.eot");
+  src: url("../webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.woff") format("woff"), url("../webfonts/fa-light-300.ttf") format("truetype"), url("../webfonts/fa-light-300.svg#fontawesome") format("svg"); }
+
+.fal {
+  font-family: 'Font Awesome 5 Pro';
+  font-weight: 300; }
+@font-face {
+  font-family: 'Font Awesome 5 Pro';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/fa-regular-400.eot");
+  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
+
+.far {
+  font-family: 'Font Awesome 5 Pro';
+  font-weight: 400; }
 @font-face {
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;