ues( $files ), $this->remote_styles ); $this->write_stylesheet(); return $this->css; } /** * Get the font files and preload them. * * @access public */ public function print_preload_fonts() { // Make sure variables are set. // Get the remote URL contents. $styles = $this->get_styles(); // Get an array of locally-hosted files. $local = array(); $font_files = $this->get_main_files_from_css( $styles ); foreach ( $font_files as $font_family => $files ) { if ( is_array( $files ) ) { foreach ( $files as $key => $single_file ) { $local[] = $single_file; } } } foreach ( $local as $key => $local ) { if ( $local ) { echo ''; } } } /** * Get font files from the CSS. * * @access public * @since 1.0.0 * @return array Returns an array of font-families and the font-files used. */ public function get_main_files_from_css( $css ) { //Capture Latin Subsets. $main_fonts = explode( '* latin */', $css ); // Remove first item in array (that doesn't contain a latin subset). array_shift( $main_fonts ); $result = array(); // Loop all our latin subset chucks declarations. foreach ( $main_fonts as $key => $main_font ) { // Capture sections by @font-face. $font_faces = explode( '@font-face', $main_font ); // Make sure it's not empty. if ( isset( $font_faces[1] ) && ! empty( $font_faces[1] ) ) { // Make sure we only process styles inside this declaration. $style = explode( '}', $font_faces[1] )[0]; // Sanity check. if ( false === strpos( $style, 'font-family' ) ) { continue; } // Get an array of our font-families. preg_match_all( '/font-family.*?\;/', $style, $matched_font_families ); // Get an array of our font-files. preg_match_all( '/url\(.*?\)/i', $style, $matched_font_files ); // Get the font-family name. $font_family = 'unknown'; if ( isset( $matched_font_families[0] ) && isset( $matched_font_families[0][0] ) ) { $font_family = rtrim( ltrim( $matched_font_families[0][0], 'font-family:' ), ';' ); $font_family = trim( str_replace( array( "'", ';' ), '', $font_family ) ); $font_family = sanitize_key( strtolower( str_replace( ' ', '-', $font_family ) ) ); } // Make sure the font-family is set in our array. if ( ! isset( $result[ $font_family ] ) ) { $result[ $font_family ] = array(); } // Get files for this font-family and add them to the array. foreach ( $matched_font_files as $match ) { // Sanity check. if ( ! isset( $match[0] ) ) { continue; } // Add the file URL. $result[ $font_family ][] = rtrim( ltrim( $match[0], 'url(' ), ')' ); } // Make sure we have unique items. // We're using array_flip here instead of array_unique for improved performance. $result[ $font_family ] = array_flip( array_flip( $result[ $font_family ] ) ); } } return $result; } /** * Get local stylesheet contents. * * @access public * @since 1.1.0 * @return string|false Returns the remote URL contents. */ public function get_local_stylesheet_contents() { $local_path = $this->get_local_stylesheet_path(); // Check if the local stylesheet exists. if ( $this->local_file_exists() ) { // Attempt to update the stylesheet. Return false on fail. if ( ! $this->write_stylesheet() ) { return false; } } ob_start(); include $local_path; return ob_get_clean(); } /** * Get remote file contents. * * @access public * @since 1.0.0 * @return string Returns the remote URL contents. */ public function get_remote_url_contents() { /** * The user-agent we want to use. * * The default user-agent is the only one compatible with woff (not woff2) * which also supports unicode ranges. */ $user_agent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.1.2 Safari/603.3.8'; // Switch to a user-agent supporting woff2 if we don't need to support IE. if ( 'woff2' === $this->font_format ) { $user_agent = 'Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:73.0) Gecko/20100101 Firefox/73.0'; } // Get the response. $response = wp_remote_get( $this->remote_url, array( 'user-agent' => $user_agent ) ); // Early exit if there was an error. if ( is_wp_error( $response ) ) { return ''; } // Get the CSS from our response. $contents = wp_remote_retrieve_body( $response ); // Early exit if there was an error. if ( is_wp_error( $contents ) ) { return; } return $contents; } /** * Download files mentioned in our CSS locally. * * @access public * @since 1.0.0 * @return array Returns an array of remote URLs and their local counterparts. */ public function get_local_files_from_css() { $font_files = $this->get_remote_files_from_css(); $stored = get_site_option( 'downloaded_font_files', array() ); $change = false; // If in the end this is true, we need to update the cache option. // If the fonts folder don't exist, create it. if ( ! file_exists( $this->get_fonts_folder() ) ) { $this->get_filesystem()->mkdir( $this->get_fonts_folder(), FS_CHMOD_DIR ); } foreach ( $font_files as $font_family => $files ) { // The folder path for this font-family. $folder_path = $this->get_fonts_folder() . '/' . $font_family; // If the folder doesn't exist, create it. if ( ! file_exists( $folder_path ) ) { $this->get_filesystem()->mkdir( $folder_path, FS_CHMOD_DIR ); } foreach ( $files as $url ) { // Get the filename. $filename = basename( wp_parse_url( $url, PHP_URL_PATH ) ); $font_path = $folder_path . '/' . $filename; // Check if the file already exists. if ( file_exists( $font_path ) ) { // Skip if already cached. if ( isset( $stored[ $url ] ) ) { continue; } // Add file to the cache and change the $changed var to indicate we need to update the option. $stored[ $url ] = $font_path; $change = true; // Since the file exists we don't need to proceed with downloading it. continue; } /** * If we got this far, we need to download the file. */ // require file.php if the download_url function doesn't exist. if ( ! function_exists( 'download_url' ) ) { require_once wp_normalize_path( ABSPATH . '/wp-admin/includes/file.php' ); } // Download file to temporary location. $tmp_path = download_url( $url ); // Make sure there were no errors. if ( is_wp_error( $tmp_path ) ) { continue; } // Move temp file to final destination. $success = $this->get_filesystem()->move( $tmp_path, $font_path, true ); if ( $success ) { $stored[ $url ] = $font_path; $change = true; } } } // If there were changes, update the option. if ( $change ) { // Cleanup the option and then save it. foreach ( $stored as $url => $path ) { if ( ! file_exists( $path ) ) { unset( $stored[ $url ] ); } } update_site_option( 'downloaded_font_files', $stored ); } return $stored; } /** * Get font files from the CSS. * * @access public * @since 1.0.0 * @return array Returns an array of font-families and the font-files used. */ public function get_remote_files_from_css() { $font_faces = explode( '@font-face', $this->remote_styles ); $result = array(); // Loop all our font-face declarations. foreach ( $font_faces as $font_face ) { // Make sure we only process styles inside this declaration. $style = explode( '}', $font_face )[0]; // Sanity check. if ( false === strpos( $style, 'font-family' ) ) { continue; } // Get an array of our font-families. preg_match_all( '/font-family.*?\;/', $style, $matched_font_families ); // Get an array of our font-files. preg_match_all( '/url\(.*?\)/i', $style, $matched_font_files ); // Get the font-family name. $font_family = 'unknown'; if ( isset( $matched_font_families[0] ) && isset( $matched_font_families[0][0] ) ) { $font_family = rtrim( ltrim( $matched_font_families[0][0], 'font-family:' ), ';' ); $font_family = trim( str_replace( array( "'", ';' ), '', $font_family ) ); $font_family = sanitize_key( strtolower( str_replace( ' ', '-', $font_family ) ) ); } // Make sure the font-family is set in our array. if ( ! isset( $result[ $font_family ] ) ) { $result[ $font_family ] = array(); } // Get files for this font-family and add them to the array. foreach ( $matched_font_files as $match ) { // Sanity check. if ( ! isset( $match[0] ) ) { continue; } // Add the file URL. $result[ $font_family ][] = rtrim( ltrim( $match[0], 'url(' ), ')' ); } // Make sure we have unique items. // We're using array_flip here instead of array_unique for improved performance. $result[ $font_family ] = array_flip( array_flip( $result[ $font_family ] ) ); } return $result; } /** * Write the CSS to the filesystem. * * @access protected * @since 1.1.0 * @return string|false Returns the absolute path of the file on success, or false on fail. */ protected function write_stylesheet() { $file_path = $this->get_local_stylesheet_path(); $filesystem = $this->get_filesystem(); // If the folder doesn't exist, create it. if ( ! file_exists( $this->get_fonts_folder() ) ) { $this->get_filesystem()->mkdir( $this->get_fonts_folder(), FS_CHMOD_DIR ); } // If the file doesn't exist, create it. Return false if it can not be created. if ( ! $filesystem->exists( $file_path ) && ! $filesystem->touch( $file_path ) ) { return false; } // If we got this far, we need to write the file. // Get the CSS. if ( ! $this->css ) { $this->get_styles(); } // Put the contents in the file. Return false if that fails. if ( ! $filesystem->put_contents( $file_path, $this->css ) ) { return false; } return $file_path; } /** * Get the stylesheet path. * * @access public * @since 1.1.0 * @return string */ public function get_local_stylesheet_path() { if ( ! $this->local_stylesheet_path ) { $this->local_stylesheet_path = $this->get_fonts_folder() . '/' . $this->get_local_stylesheet_filename() . '.css'; } return $this->local_stylesheet_path; } /** * Get the local stylesheet filename. * * This is a hash, generated from the site-URL, the wp-content path and the URL. * This way we can avoid issues with sites changing their URL, or the wp-content path etc. * * @access public * @since 1.1.0 * @return string */ public function get_local_stylesheet_filename() { return md5( $this->get_base_url() . $this->get_base_path() . $this->remote_url . $this->font_format ); } /** * Set the font-format to be used. * * @access public * @since 1.0.0 * @param string $format The format to be used. Use "woff" or "woff2". * @return void */ public function set_font_format( $format = 'woff2' ) { $this->font_format = $format; } /** * Check if the local stylesheet exists. * * @access public * @since 1.1.0 * @return bool */ public function local_file_exists() { return ( ! file_exists( $this->get_local_stylesheet_path() ) ); } /** * Get the base path. * * @access public * @since 1.1.0 * @return string */ public function get_base_path() { if ( ! $this->base_path ) { $this->base_path = apply_filters( 'wptt_get_local_fonts_base_path', $this->get_filesystem()->wp_content_dir() ); } return $this->base_path; } /** * Get the base URL. * * @access public * @since 1.1.0 * @return string */ public function get_base_url() { if ( ! $this->base_url ) { $this->base_url = apply_filters( 'wptt_get_local_fonts_base_url', content_url() ); } return $this->base_url; } /** * Get the subfolder name. * * @access public * @since 1.1.0 * @return string */ public function get_subfolder_name() { if ( ! $this->subfolder_name ) { $this->subfolder_name = apply_filters( 'wptt_get_local_fonts_subfolder_name', 'fonts' ); } return $this->subfolder_name; } /** * Get the folder for fonts. * * @access public * @return string */ public function get_fonts_folder() { if ( ! $this->fonts_folder ) { $this->fonts_folder = $this->get_base_path(); if ( $this->get_subfolder_name() ) { $this->fonts_folder .= '/' . $this->get_subfolder_name(); } } return $this->fonts_folder; } /** * Schedule a cleanup. * * Deletes the fonts files on a regular basis. * This way font files will get updated regularly, * and we avoid edge cases where unused files remain in the server. * * @access public * @since 1.1.0 * @return void */ public function schedule_cleanup() { if ( ! is_multisite() || ( is_multisite() && is_main_site() ) ) { if ( ! wp_next_scheduled( 'delete_fonts_folder' ) && ! wp_installing() ) { wp_schedule_event( time(), self::CLEANUP_FREQUENCY, 'delete_fonts_folder' ); } } } /** * Delete the fonts folder. * * This runs as part of a cleanup routine. * * @access public * @since 1.1.0 * @return bool */ public function delete_fonts_folder() { return $this->get_filesystem()->delete( $this->get_fonts_folder(), true ); } /** * Get the filesystem. * * @access protected * @since 1.0.0 * @return WP_Filesystem */ protected function get_filesystem() { global $wp_filesystem; // If the filesystem has not been instantiated yet, do it here. if ( ! $wp_filesystem ) { if ( ! function_exists( 'WP_Filesystem' ) ) { require_once wp_normalize_path( ABSPATH . '/wp-admin/includes/file.php' ); } WP_Filesystem(); } return $wp_filesystem; } } } if ( ! function_exists( 'get_webfont_styles' ) ) { /** * Get styles for a webfont. * * This will get the CSS from the remote API, * download any fonts it contains, * replace references to remote URLs with locally-downloaded assets, * and finally return the resulting CSS. * * @since 1.0.0 * * @param string $url The URL of the remote webfont. * @param string $format The font-format. If you need to support IE, change this to "woff". * * @return string Returns the CSS. */ function get_webfont_styles( $url, $format = 'woff2' ) { $font = new WebFont_Loader( $url ); $font->set_font_format( $format ); return $font->get_styles(); } } if ( ! function_exists( 'get_webfont_url' ) ) { /** * Get a stylesheet URL for a webfont. * * @since 1.1.0 * * @param string $url The URL of the remote webfont. * @param string $format The font-format. If you need to support IE, change this to "woff". * * @return string Returns the CSS. */ function get_webfont_url( $url, $format = 'woff2' ) { $font = new WebFont_Loader( $url ); $font->set_font_format( $format ); return $font->get_url(); } } if ( ! function_exists( 'print_webfont_preload' ) ) { /** * Get the file preloads. * * @param string $url The URL of the remote webfont. * @param string $format The font-format. If you need to support IE, change this to "woff". */ function print_webfont_preload( $url, $format = 'woff2' ) { $font = new WebFont_Loader( $url ); $font->set_font_format( $format ); $font->print_preload_fonts(); } }