- added figtree and outfit fonts

- tested for wp 6.7.1
fatihbalsoy · Dec 1, 2024 · f81642e · f81642e
1 parent 1c6a28e
commit f81642e
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 2 deletions.
diff --git a/src/assets/fonts/figtree.css b/src/assets/fonts/figtree.css
@@ -0,0 +1,11 @@
+/*
+ *   figtree.css
+ *   material-board
+ * 
+ *   Created by Fatih Balsoy on 11/30/24
+ *   Copyright © 2024 Fatih Balsoy. All rights reserved.
+ */
+
+ :root {
+    --font-type: 'Figtree' !important;
+}
diff --git a/src/assets/fonts/outfit.css b/src/assets/fonts/outfit.css
@@ -0,0 +1,11 @@
+/*
+ *   outfit.css
+ *   material-board
+ * 
+ *   Created by Fatih Balsoy on 11/30/24
+ *   Copyright © 2024 Fatih Balsoy. All rights reserved.
+ */
+
+ :root {
+    --font-type: 'Outfit' !important;
+}
diff --git a/src/material-board.php b/src/material-board.php
@@ -89,7 +89,7 @@ function __construct()
         $this->settings_slug = $fbwpmdp_bundle;
         if (is_admin()) {
             if (!function_exists('get_plugin_data')) {
-                require_once (ABSPATH . 'wp-admin/includes/plugin.php');
+                require_once(ABSPATH . 'wp-admin/includes/plugin.php');
             }
             $plugin_data = get_plugin_data(__FILE__);
             $fbwpmdp_version = $plugin_data["Version"];
@@ -216,6 +216,12 @@ function fbwpmdp_enqueue_dark_theme()
             case 'dm-sans':
                 wp_enqueue_style('dm-sans-font', plugins_url('assets/fonts/dm-sans.css', __FILE__));
                 break;
+            case 'figtree':
+                wp_enqueue_style('figtree-font', plugins_url('assets/fonts/figtree.css', __FILE__));
+                break;
+            case 'outfit':
+                wp_enqueue_style('outfit-font', plugins_url('assets/fonts/outfit.css', __FILE__));
+                break;
             case 'mona-sans':
                 wp_enqueue_style('mona-sans-font', plugins_url('assets/fonts/mona-sans.css', __FILE__));
                 break;
@@ -327,4 +333,4 @@ function fbwpmdp_is_gutenberg_editor()
     }
 }
 
-$materialBoardPlugin = new MaterialBoardPlugin();
+$materialBoardPlugin = new MaterialBoardPlugin();
diff --git a/src/settings/options/font.php b/src/settings/options/font.php
@@ -12,6 +12,8 @@
     <td>
         <select name="fbwpmdp_font" id="font-face" onchange="changeFontType()">
             <option value="dm-sans" <?php selected($option, 'dm-sans') ?>>DM Sans</option>
+            <option value="figtree" <?php selected($option, 'figtree') ?>>Figtree</option>
+            <option value="outfit" <?php selected($option, 'outfit') ?>>Outfit</option>
             <option value="roboto" <?php selected($option, 'roboto') ?>>Roboto</option>
             <option value="mona-sans" <?php selected($option, 'mona-sans') ?>>Mona Sans</option>
             <option value="hubot-sans" <?php selected($option, 'hubot-sans') ?>>Hubot Sans</option>

diff --git a/src/styles/base/README.md b/src/styles/base/README.md
@@ -10,6 +10,8 @@ Reference: [Sass Guidelines](https://sass-guidelin.es/) > [Architecture](https:/
 |-|-|-|-|-|
 | ![DM Sans](../../../docs/images/fonts/dm_sans.png  "DM Sans") | ![DM Serif Display](../../../docs/images/fonts/dm_serif_display.png  "DM Serif Display") | ![Roboto](../../../docs/images/fonts/roboto.png  "Roboto") | ![Mona Sans](../../../docs/images/fonts/mona_sans.png  "Mona Sans") | ![Hubot Sans](../../../docs/images/fonts/hubot_sans.png  "Hubot Sans") |
 
+> Not pictured: Figtree, Outfit
+
 ## Icons
 
 | Material Icons | Community Material Icons |

diff --git a/src/styles/base/_fonts.scss b/src/styles/base/_fonts.scss
@@ -36,6 +36,12 @@
 // Image: docs/images/fonts/dm_sans.png
 @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
 
+// Eric Kennedy - SIL Open Font License 1.1
+@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
+
+// Smartsheet Inc, Rodrigo Fuenzalida - SIL Open Font License 1.1
+@import url('https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap');
+
 // Post-compilation urls if called from src/styles/
 @import url($mona-sans-path);
 @import url($hubot-sans-path);