Quiero hacer una página web simple para probar las funciones de OpenType.
Lo que quiero: simplemente ingreso algo de texto y la característica que quiero usar en los cuadros de entrada y hago clic en un botón para cambiar el contenido y el estilo de un div .
Sin embargo, descubrí que la font-feature-settings no cambiaría como esperaba. Por ejemplo,
<html> <body> <input id="feature" /><input type="button" value="Change Feature" onclick=" alert(document.getElementById('feature').value); document.getElementById('display').style.fontFeatureSettings=document.getElementById('feature').value; alert(document.getElementById('display').style.fontFeatureSettings);" /> <div id="display" style="font-size:72;">Some text</div> </body> </html>En mi Chrome, el primer cuadro de mensaje muestra lo que ingresé, pero el segundo cuadro de mensaje siempre está vacío.
Termino definiendo muchas clases de CSS y cambiándolas con javascript. Funciona ahora, pero no satisface mis necesidades, ya que tengo que predefinir muchas funciones y, por lo tanto, tengo dificultades para ampliarlo para uso futuro.