自定义字体预览

Question

我是font designer，想要在font previewer和dafont.com上创建类似的自定义myfonts.com

这些网站允许用户使用自定义预览文本测试字体。另外，我注意到预览文本是作为图像生成的。

我一直在使用this website

上的ifr.js教程

但是，我无法使用自定义文本正常工作。文本更改，但不再显示为图像，而是显示为常规文本。

我对编码非常陌生，所以请为我愚蠢：）

<script type="text/javascript">
function changeText2(){
var userInput = document.getElementById('userInput').value;
    document.getElementById('title').innerHTML = userInput;

if(userInput == ""){
    document.getElementById('title').innerHTML = "Testing...";
}
}
</script>

<script type="text/JavaScript" src="ifr.js"></script>
<input type="text" id="userInput" placeholder="Enter Text Here" />
<input type="button" onclick="changeText2()" value="submit"/>

<p class="title" id="title">Testing...</p>

此外，dafont或myfonts这样的网站是否使用了我想要使用的内容，或者他们是否使用了非常自定义的内容？

提前致谢！....