Merge pull request #136 from brainstormforce/inline-google-font-support

Support inline style of Google fonts

Author: yssambare12

README.md

@@ -4,7 +4,7 @@
 **Tags:** fonts, custom fonts, Google Fonts, performance, full site editing
 **Requires at least:** 5.0  
 **Tested up to:** 6.7  
-**Stable tag:** 2.1.10  
+**Stable tag:** 2.1.11  
 **License:** GPLv2 or later  
 **License URI:** http://www.gnu.org/licenses/gpl-2.0.html  
 
@@ -151,6 +151,9 @@ Yes, Custom Fonts is completely free to use, without any limitation.
 
 
 ## Changelog ##
+### 2.1.11 ###
+- Added logic to generate and enqueue a local CSS file for downloaded Google Fonts, ensuring they load in both the editor and frontend to support inline font styles.
+
 ### 2.1.10 ###
 - Resolved issue where plugin was not properly deploying on wp.org
 

classes/class-bsf-custom-fonts-render.php

@@ -139,6 +139,105 @@ public function __construct() {
 			add_filter( 'elementor/fonts/additional_fonts', array( $this, 'add_elementor_fonts' ) );
 			// Astra filter before creating google fonts URL.
 			add_filter( 'astra_google_fonts_selected', array( $this, 'remove_custom_font_google_url' ) );
+			// Compatibility introduce for google local font should work as a inline.
+			add_filter( 'wp_enqueue_scripts', array( $this, 'load_local_google_fonts' ) );
+
+		}
+
+		/**
+		 * Generate and enqueue a local CSS file for self-hosted Google Fonts.
+		 *
+		 * This function scans the `/bcf-fonts/` directory inside `wp-content/` for locally stored Google Fonts.
+		 * It dynamically creates an `@font-face` CSS file (`local-fonts.css`) that defines font-face rules
+		 * for all detected font files. The generated CSS is then enqueued for use on the site.
+		 *
+		 * @since 2.1.11
+		 */
+		public function load_local_google_fonts() {
+			// We are using WP_Filesystem for managing google fonts files which is necessary for the proper functionality of the plugin.
+			global $wp_filesystem;
+
+			// If the filesystem has not been instantiated yet, do it here.
+			if ( ! function_exists( 'WP_Filesystem' ) ) {
+				require_once ABSPATH . 'wp-admin/includes/file.php'; // PHPCS:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
+			}
+
+			WP_Filesystem(); // Initialize the filesystem.
+
+			$upload_dir = WP_CONTENT_DIR . '/bcf-fonts';
+			$css_file   = WP_CONTENT_DIR . '/bcf-fonts/local-fonts.css';
+
+			if ( ! is_dir( $upload_dir ) ) {
+				return;
+			}
+
+			$font_face_css = '';
+
+			$font_folders = array_diff( scandir( $upload_dir ), array( '.', '..' ) );
+
+			foreach ( $font_folders as $folder ) {
+				$font_folder_path = $upload_dir . '/' . $folder;
+
+				if ( is_dir( $font_folder_path ) ) {
+					$font_files = glob( $font_folder_path . '/*.{woff2,woff,ttf,otf,eot,svg}', GLOB_BRACE );
+
+					$font_variations = array();
+
+					foreach ( $font_files as $font_file ) {
+						$font_url = content_url( '/bcf-fonts/' . $folder . '/' . basename( $font_file ) );
+
+						preg_match( '/(.*)-([0-9a-z]+)-(\w+)\d*\.(woff2|woff|ttf|otf|eot|svg)/', basename( $font_file ), $matches );
+
+						if ( count( $matches ) ) {
+							$font_name   = trim( $matches[1] );
+							$font_weight = $matches[2];
+							$font_style  = $matches[3];
+							$file_format = $matches[4];
+
+							$font_variations[ "$font_name-$font_weight-$font_style" ][ $file_format ] = $font_url;
+						}
+					}
+
+					foreach ( $font_variations as $key => $formats ) {
+						list($font_name, $font_weight, $font_style) = explode( '-', $key );
+
+						$src = array();
+						if ( ! empty( $formats['woff2'] ) ) {
+							$src[] = "url('{$formats['woff2']}') format('woff2')";
+						}
+						if ( ! empty( $formats['woff'] ) ) {
+							$src[] = "url('{$formats['woff']}') format('woff')";
+						}
+						if ( ! empty( $formats['ttf'] ) ) {
+							$src[] = "url('{$formats['ttf']}') format('truetype')";
+						}
+						if ( ! empty( $formats['otf'] ) ) {
+							$src[] = "url('{$formats['otf']}') format('opentype')";
+						}
+						if ( ! empty( $formats['eot'] ) ) {
+							$src[] = "url('{$formats['eot']}') format('embedded-opentype')";
+						}
+						if ( ! empty( $formats['svg'] ) ) {
+							$src[] = "url('{$formats['svg']}') format('svg')";
+						}
+
+						$font_face_css .= "
+						@font-face {
+							font-family: '{$font_name}';
+							src: " . implode( ', ', $src ) . ";
+							font-weight: {$font_weight};
+							font-style: {$font_style};
+						}
+						";
+					}
+				}
+			}
+
+			// Use WP_Filesystem to write to file instead of file_put_contents.
+			$wp_filesystem->put_contents( $css_file, $font_face_css, FS_CHMOD_FILE );
+
+			// phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion
+			wp_enqueue_style( 'local-google-fonts', content_url( '/bcf-fonts/local-fonts.css' ), array(), null );
 		}
 
 		/**

custom-fonts.php

@@ -6,7 +6,7 @@
  * Author:          Brainstorm Force
  * Author URI:      http://www.brainstormforce.com
  * Text Domain:     custom-fonts
- * Version:         2.1.10
+ * Version:         2.1.11
  *
  * @package         Bsf_Custom_Fonts
  */
@@ -25,7 +25,7 @@
 define( 'BSF_CUSTOM_FONTS_BASE', plugin_basename( BSF_CUSTOM_FONTS_FILE ) );
 define( 'BSF_CUSTOM_FONTS_DIR', plugin_dir_path( BSF_CUSTOM_FONTS_FILE ) );
 define( 'BSF_CUSTOM_FONTS_URI', plugins_url( '/', BSF_CUSTOM_FONTS_FILE ) );
-define( 'BSF_CUSTOM_FONTS_VER', '2.1.10' );
+define( 'BSF_CUSTOM_FONTS_VER', '2.1.11' );
 define( 'BSF_CUSTOM_FONTS_POST_TYPE', 'bsf_custom_fonts' );
 define( 'BSF_CUSTOM_FONTS_ADMIN_PAGE', 'bsf-custom-fonts' );
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "custom-fonts",
-  "version": "2.1.10",
+  "version": "2.1.11",
   "main": "Gruntfile.js",
   "author": "Brainstorm Force",
   "workspaces": [

readme.txt

@@ -4,7 +4,7 @@ Donate link: https://www.paypal.me/BrainstormForce
 Tags: fonts, custom fonts, Google Fonts, performance, full site editing
 Requires at least: 5.0
 Tested up to: 6.7
-Stable tag: 2.1.10
+Stable tag: 2.1.11
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
@@ -151,6 +151,9 @@ Yes, Custom Fonts is completely free to use, without any limitation.
 
 
 == Changelog ==
+= 2.1.11
+- Added logic to generate and enqueue a local CSS file for downloaded Google Fonts, ensuring they load in both the editor and frontend to support inline font styles.
+
 = 2.1.10
 - Resolved issue where plugin was not properly deploying on wp.org