Icons out of bundle

assets/css/scss/helpers/_variables.scss

@@ -1,11 +1,17 @@
 //
 // Font //
 //
-$font-family-primary: 'Open Sans', sans-serif;
+// $font-family-primary: 'Open Sans', sans-serif;
-$font-family-playfair: 'Playfair Display', serif;
+// $font-family-playfair: 'Playfair Display', serif;
-$font-family-poppins: 'Poppins', sans-serif;
+// $font-family-poppins: 'Poppins', sans-serif;
-$font-family-nunito: 'Nunito', sans-serif;
+// $font-family-nunito: 'Nunito', sans-serif;
-$font-family-outfit: 'Outfit', sans-serif;
+// $font-family-outfit: 'Outfit', sans-serif;
+
+$font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+$font-family-playfair: Georgia, "Times New Roman", Times, serif;
+$font-family-poppins: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+$font-family-nunito: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+$font-family-outfit: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 $font-weight-black: 900;
 $font-weight-extra-bold: 800;
 $font-weight-bold: 700;
@@ -123,4 +129,4 @@ $button-dark: rgb(24, 28, 32);
 $button-dark-lighter: rgb(32, 36, 40);
 $button-gray: rgb(228, 232, 236);
 $button-gray-lighter: rgb(238, 242, 246);
-$button-gray-darker: rgb(220, 224, 228);
+$button-gray-darker: rgb(220, 224, 228);

layouts/_default/baseof.html

@@ -14,8 +14,8 @@
     <!-- Individual CSS files (uncomment if needed for development) -->
     <!-- <link href="/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet"> -->
     <!-- <link href="/assets/css/theme.css" rel="stylesheet"> -->
-    <!-- <link href="/assets/plugins/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> -->
+    <link href="/assets/plugins/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
-    <!-- <link href="/assets/plugins/font-awesome/css/all.css" rel="stylesheet"> -->
+    <link href="/assets/plugins/font-awesome/css/all.css" rel="stylesheet">
     
     <!-- Optional CSS files (uncomment as needed) -->
     <!-- <link href="/assets/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet"> -->

scripts/bundle-css.js

@@ -4,9 +4,7 @@ const path = require('path');
 // Define the CSS files to bundle in order
 const cssFiles = [
   'static/assets/plugins/bootstrap/bootstrap.min.css',
-  'static/assets/css/theme.css',
+  'static/assets/css/theme.css'
-  'static/assets/plugins/bootstrap-icons/bootstrap-icons.css',
-  'static/assets/plugins/font-awesome/css/all.css'
 ];
 
 // Output file