Add support for importing and exporting fonts

[wojtekn]

Related issues

• Fixes Entire wp-content folder not being included in Export entire site #907

Proposed Changes

• I propose to add support for importing and exporting fonts stored in wp-content/fonts/ directory.

Testing Instructions

1. Create a Studio site
2. Download font https://fonts.google.com/specimen/Big+Shoulders+Stencil and unpack it
3. Copy the BigShouldersStencil-VariableFont_opsz,wght.ttf font file to wp-content/fonts
4. Create a custom-font-loader.php plugin using the snippet shared below and activate it
5. Confirm that site's frontend uses a custom font
6. Export the site in Import / Export tab
7. Confirm that archive includes the wp-content/fonts directory with the font
8. Create a new Studio site by importing the archive
9. Confirm the site uses a custom font
10. Test if Playground, Wpress and Local import still works fine.

<?php
/**
 * Plugin Name: Custom Font Loader
 * Description: A simple plugin to load Big Shoulders Stencil Variable Font from wp-content/fonts directory.
 * Version: 1.0
 * Author: Your Name
 */

function load_custom_fonts() {
	// Register the custom stylesheet
	wp_register_style('custom-fonts', false);
	wp_enqueue_style('custom-fonts');

	// Define the custom CSS
	$custom_css = "
    @font-face {
        font-family: 'Big Shoulders Stencil';
        src: url('" . content_url('/fonts/BigShouldersStencil-VariableFont_opsz,wght.ttf') . "') format('truetype');
        font-weight: 100 900;
        font-style: normal;
    }

    body {
        font-family: 'Big Shoulders Stencil', sans-serif;
    }";

	wp_add_inline_style('custom-fonts', $custom_css);
}
add_action('wp_enqueue_scripts', 'load_custom_fonts');

Pre-merge Checklist

• Have you checked for TypeScript, React or other console errors?

[ivan-ottinger]

This is a great app improvement!

The changes look good and work correctly: the font file is included in the export and imports as it should as well.

I did not observe any regressions. All imports still work as before.

[ivan-ottinger]

Nice catch!