Here is what you can do:
Set up a Fontsampler for each of the fonts you want to use, and include those on the page, like so (change to your Fontsampler ids):
[fontsampler id=1]
[fontsampler id=2]
…
[fontsampler id=10]
Then add the following custom Javascript to your page. If you are not code-savy, you can look for plugins that allow you to add “custom javascript” to your WordPress, there is several. The code to add is this:
jQuery(function () {
jQuery("body").on("keyup", ".type-tester__content", function () {
var $current = jQuery(this);
jQuery(".type-tester__content").not($current).html($current.html());
});
});
What this does is wait for any typed input in any of the Fontsampler text fields and automatically update that same text to any other Fontsampler text fields that are found on the current page.
I believe this should do what you are looking to achieve. If you need a more sophisticated solution feel free to contact me at [email protected].
If this does the trick, consider contributing a small donation to the plugin development or submit a review.