Build a font preview webpage for my website

I run a custom woodworking business specializing in custom monograms and lettering cutouts made from wood. I have an online store, as well as an Etsy shop, and would like to have a page on my site that can show previews of specific fonts for the customer to preview. Also, if possible, I would like to have an integrated measurement system in place that can give an overall text height and width of the custom font for rough dimensions. Etsy product: [login to view URL] ref=shop_home_feat_4 Website: [login to view URL] For example: A customer wants a custom word created, "Leslie", and is unsure of which font and size to choose. They would like to simultaneously view font options and sizes for quick comparisons. I would like for the customer to be directed to a page within my site that can show "Leslie" in each font (10-15 font options) and give a general size based on the height vs width. If the customer enters a numerical value of "12" in a text entry box, then they will receive an estimated "height" of the font. Here is a link to a competitors font preview page: [login to view URL]” I would like mine to be similar in turns of simplicity, but also integrate a general sizing feature. One issue at this point is that the site is hosted by Wix. It wasn't until I already paid for a year of Wix hosting that I soon found out how terrible and limited it is. I'm currently working on rebuilding the site with WordPress, but I'm not ready to make the switch yet and probably won't for a few months. I'm not sure how Wix hosting will affect this project, so please let me know if you believe any issues this may cause. I'm open to feedback if you believe something may need to be changed or my expectations adjusted. Thanks