themes-wordpress/archeo/functions.php
Maggie aa50023b48
Archeo: fixed font files and styles (#5452)
* fixed font files and styles

* added bold font

* preloaded 400 weight too

* adjustments after rebase

* undo site title change

* Removing unused custom property

Co-authored-by: Ben Dwyer <ben@scruffian.com>
2022-02-04 10:11:01 +00:00

181 lines
4.1 KiB
PHP

<?php
/**
* Archeo functions and definitions
*
* @link https://developer.wordpress.org/themes/basics/theme-functions/
*
* @package Archeo
* @since Archeo 1.0
*/
if ( ! function_exists( 'archeo_support' ) ) :
/**
* Sets up theme defaults and registers support for various WordPress features.
*
* @since Archeo 1.0
*
* @return void
*/
function archeo_support() {
// Add support for block styles.
add_theme_support( 'wp-block-styles' );
// Enqueue editor styles.
add_editor_style( 'style.css' );
}
endif;
add_action( 'after_setup_theme', 'archeo_support' );
if ( ! function_exists( 'archeo_styles' ) ) :
/**
* Enqueue styles.
*
* @since Archeo 1.0
*
* @return void
*/
function archeo_styles() {
// Register theme stylesheet.
wp_register_style(
'archeo-style',
get_template_directory_uri() . '/style.css',
array(),
wp_get_theme()->get( 'Version' )
);
// Add styles inline.
wp_add_inline_style( 'archeo-style', archeo_get_font_face_styles() );
// Enqueue theme stylesheet.
wp_enqueue_style( 'archeo-style' );
}
endif;
add_action( 'wp_enqueue_scripts', 'archeo_styles' );
if ( ! function_exists( 'archeo_editor_styles' ) ) :
/**
* Enqueue editor styles.
*
* @since Archeo 1.0
*
* @return void
*/
function archeo_editor_styles() {
// Add styles inline.
wp_add_inline_style( 'wp-block-library', archeo_get_font_face_styles() );
}
endif;
add_action( 'admin_init', 'archeo_editor_styles' );
if ( ! function_exists( 'archeo_get_font_face_styles' ) ) :
/**
* Get font face styles.
* Called by functions archeo_styles() and archeo_editor_styles() above.
*
* @since Archeo 1.0
*
* @return string
*/
function archeo_get_font_face_styles() {
return "
@font-face{
font-family: 'Chivo';
font-weight: 300;
font-style: normal;
font-stretch: normal;
font-display: swap;
src: url('" . get_theme_file_uri( 'assets/fonts/Chivo-Light.woff2' ) . "') format('woff2');
}
@font-face{
font-family: 'Chivo';
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-display: swap;
src: url('" . get_theme_file_uri( 'assets/fonts/Chivo-Regular.woff2' ) . "') format('woff2');
}
@font-face{
font-family: 'Chivo';
font-weight: 700;
font-style: normal;
font-stretch: normal;
font-display: swap;
src: url('" . get_theme_file_uri( 'assets/fonts/Chivo-Bold.woff2' ) . "') format('woff2');
}
@font-face{
font-family: 'Chivo';
font-weight: 300;
font-style: italic;
font-stretch: normal;
font-display: swap;
src: url('" . get_theme_file_uri( 'assets/fonts/Chivo-LightItalic.woff2' ) . "') format('woff2');
}
@font-face{
font-family: 'Chivo';
font-weight: 400;
font-style: italic;
font-stretch: normal;
font-display: swap;
src: url('" . get_theme_file_uri( 'assets/fonts/Chivo-Italic.woff2' ) . "') format('woff2');
}
@font-face{
font-family: 'Chivo';
font-weight: 700;
font-style: italic;
font-stretch: normal;
font-display: swap;
src: url('" . get_theme_file_uri( 'assets/fonts/Chivo-BoldItalic.woff2' ) . "') format('woff2');
}
";
}
endif;
if ( ! function_exists( 'archeo_preload_webfonts' ) ) :
/**
* Preloads the main web font to improve performance.
*
* Only the main web font (font-weight: 300,400, font-style: normal) is preloaded here since that font is always relevant.
* The other fonts are only needed if the user changed style or weight of the fonts,
* and therefore preloading it would in most cases regress performance when that font would otherwise not be loaded
* at all.
*
* @since Archeo 1.0
*
* @return void
*/
function archeo_preload_webfonts() {
?>
<link rel="preload" href="<?php echo esc_url( get_theme_file_uri( 'assets/fonts/Chivo-Light.woff2' ) ); ?>" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="<?php echo esc_url( get_theme_file_uri( 'assets/fonts/Chivo-Regular.woff2' ) ); ?>" as="font" type="font/woff2" crossorigin>
<?php
}
endif;
add_action( 'wp_head', 'archeo_preload_webfonts' );
// Add block patterns
// require get_template_directory() . '/inc/block-patterns.php';