Может ваше решение в 2000е еще бы казалось бы нормальным, но сейчас есть и технологии и удобные библиотеки для этого. Попробуйте сделать такое на canvas, например, с помощью paper.js. Если хорошо поискать, наверняка есть хотя бы 50% решение такой задачи.

А зачем писать свои костыли, если за тебя уже написали другие? В jQuery можно решить некоторые вещи в одну короткую строчку, за место n-строчного решения на pure JS.

Да вроде никто не запрещает использовать список шрифтов, один не доступен, используй следующий.
font-family: Roboto, ..., sans-serif;