Добрый вечер!
У меня сайт со шрифтами. Недавно решил сделать возможность пользователю наглядно проверить шрифт прямо у меня на сайте (т.е. пользователь выбирает понравившийся шрифт, вводит любой текст, нажимает Ок - и этот текст показывается в данном шрифте). Вот пример такого сайта:
http://www.fontov.net/micra-normal
В интернете наткнулся на интересную вещь typeface.
http://typeface.neocracy.org/
Подогнал её к сайту, и всё хорошо, но при изменении текста в строке он отображается обычным шрифтом.
Вот код страницы:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/typeface-0.15.js"></script>
</head>
<body>
<script type="text/javascript">
function changeText2(){
var userInput = document.getElementById('userInput').value;
document.getElementById('boldStuff2').innerHTML = userInput;
document.getElementById('boldStuff2').className = 'typeface-js';
document.getElementById('boldStuff2').style.fontFamily = 'a_AvanteTitulInline';
}
</script>
<script type="text/javascript" src="js/a_avantetitulinline_regular.typeface.js"></script>
<div>
<div id="boldStuff2" class="typeface-js" style="font-family: a_AvanteTitulInline; font-size:60px">
<p>Digmast</p>
</div>
<div>
<form onsubmit="changeText2(); return false;">
<input type="text" id="userInput" value="Введите текст"/>
<input type="submit" value="Проверить"/>
</form>
</div>
</div>
</body>
</html>
То есть при загрузке страницы скрипт typeface-0.15.js срабатывает и статичный текст отображается в нестандартном шрифте, но при нажатии на кнопку показывает обычный шрифт.
Как это исправить?