Add/webfonts loading

src/wp-includes/class-wp-fonts-provider-google.php

@@ -0,0 +1,149 @@
+<?php
+/**
+ * Webfonts API provider for Google fonts.
+ *
+ * @package    WordPress
+ * @subpackage WebFonts
+ * @since      5.9.0
+ */
+
+/**
+ * Webfonts API provider for Google Fonts.
+ */
+final class WP_Fonts_Provider_Google extends WP_Fonts_Provider {
+
+	/**
+	 * The provider's unique ID.
+	 *
+	 * @access protected
+	 * @since 5.9.0
+	 * @var string
+	 */
+	protected $id = 'google';
+
+	/**
+	 * An array of URLs to preconnect to.
+	 *
+	 * @access protected
+	 * @since 5.9.0
+	 * @var array
+	 */
+	protected $preconnect_urls = array(
+		array(
+			'href'        => 'https://fonts.gstatic.com',
+			'crossorigin' => true,
+		),
+		array(
+			'href'        => 'https://fonts.googleapis.com',
+			'crossorigin' => false,
+		),
+	);
+
+	/**
+	 * The provider's root URL.
+	 *
+	 * @access protected
+	 * @since 5.9.0
+	 * @var string
+	 */
+	protected $root_url = 'https://fonts.googleapis.com/css2';
+
+	/**
+	 * An array of API parameters which will not be added to the @font-face.
+	 *
+	 * @access protected
+	 * @since 5.9.0
+	 * @var array
+	 */
+	protected $api_params = array(
+		'subset',
+		'text',
+		'effect',
+	);
+
+	/**
+	 * Build the API URL from the query args.
+	 *
+	 * @access protected
+	 * @since 5.9.0
+	 * @return string
+	 */
+	protected function build_api_url() {
+		$query_args = array(
+			'family'  => $this->params['font-family'],
+			'display' => $this->params['font-display'],
+		);
+
+		if ( 'italic' === $this->params['font-style'] ) {
+			$query_args['family'] .= ':ital,wght@1,' . $this->params['font-weight'];
+		} else {
+			$query_args['family'] .= ':wght@' . $this->params['font-weight'];
+		}
+
+		if ( ! empty( $this->params['subset'] ) ) {
+			$query_args['subset'] = implode( ',', (array) $this->params['subset'] );
+		}
+
+		if ( ! empty( $this->params['text'] ) ) {
+			$query_args['text'] = $this->params['text'];
+		}
+
+		if ( ! empty( $this->params['effect'] ) ) {
+			$query_args['effect'] = implode( '|', (array) $this->params['effect'] );
+		}
+
+		return add_query_arg( $query_args, $this->root_url );
+	}
+
+	/**
+	 * Get the CSS for the font.
+	 *
+	 * @access public
+	 * @since 5.9.0
+	 * @return string
+	 */
+	public function get_css() {
+		$remote_url     = $this->build_api_url();
+		$transient_name = 'google_fonts_' . md5( $remote_url );
+		$css            = get_site_transient( $transient_name );
+
+		// Get remote response and cache the CSS if it hasn't been cached already.
+		if ( false === $css ) {
+			// Get the remote URL contents.
+			$response = wp_remote_get(
+				$remote_url,
+				array(
+					// Use a modern user-agent, to get woff2 files.
+					'user-agent' => 'Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:73.0) Gecko/20100101 Firefox/73.0',
+				)
+			);
+
+			// Early return if the request failed.
+			if ( is_wp_error( $response ) || 200 !== wp_remote_retrieve_response_code( $response ) ) {
+				set_site_transient( $transient_name, '', 60 );
+				return '';
+			}
+
+			// Get the response body.
+			$css = wp_remote_retrieve_body( $response );
+
+			// Cache the CSS for a month.
+			set_site_transient( $transient_name, $css, MONTH_IN_SECONDS );
+		}
+
+		// If there are additional props not included in the CSS provided by the API, add them to the final CSS.
+		$additional_props = array_diff(
+			array_keys( $this->params ),
+			array( 'font-family', 'font-style', 'font-weight', 'font-display', 'src', 'unicode-range' )
+		);
+		foreach ( $additional_props as $prop ) {
+			$css = str_replace(
+				'@font-face {',
+				'@font-face {' . $prop . ':' . $this->params[ $prop ] . ';',
+				$css
+			);
+		}
+
+		return $css;
+	}
+}

src/wp-includes/class-wp-fonts-provider-local.php

@@ -0,0 +1,72 @@
+<?php
+/**
+ * Webfonts API provider for locally-hosted fonts.
+ *
+ * @package    WordPress
+ * @subpackage WebFonts
+ * @since      5.9.0
+ */
+
+/**
+ * Webfonts API provider for locally-hosted fonts.
+ */
+final class WP_Fonts_Provider_Local extends WP_Fonts_Provider {
+
+	/**
+	 * The provider's unique ID.
+	 *
+	 * @access protected
+	 * @since 5.9.0
+	 * @var string
+	 */
+	protected $id = 'local';
+
+	/**
+	 * Get the CSS for the font.
+	 *
+	 * @access public
+	 * @since 5.9.0
+	 * @return string
+	 */
+	public function get_css() {
+		if ( empty( $this->params['font-family'] ) ) {
+			return '';
+		}
+
+		$css = '@font-face{';
+		foreach ( $this->params as $key => $value ) {
+
+			// Skip the "preload" parameter.
+			if ( 'preload' === $key ) {
+				continue;
+			}
+
+			// Compile the "src" parameter.
+			if ( 'src' === $key ) {
+				$src = "local({$this->params['font-family']})";
+				foreach ( $value as $item ) {
+					$src .= ( 'data' === $item['format'] )
+						? ", url({$item['url']})"
+						: ", url('{$item['url']}') format('{$item['format']}')";
+				}
+				$value = $src;
+			}
+
+			// If font-variation-settings is an array, convert it to a string.
+			if ( 'font-variation-settings' === $key && is_array( $value ) ) {
+				$variations = array();
+				foreach ( $value as $key => $val ) {
+					$variations[] = "$key $val";
+				}
+				$value = implode( ', ', $variations );
+			}
+
+			if ( ! empty( $value ) ) {
+				$css .= "$key:$value;";
+			}
+		}
+		$css .= '}';
+
+		return $css;
+	}
+}