La Web del Programador: Comunidad de Programadores
 
    Pregunta:  56419 - SUBÍNDICES EN FORMULARIOS
Autor:  Javier García Mucientes
Necesito presentar en un formulario los datos de ciertas sustancias químicas. Esto lo hago mediante una función en javascript que recoge los datos de una matriz y los presenta en los campos de texto de un formulario; sin embargo, hay datos que tiene superíndices y subíndices. Los superíndices del 0 al 3 los encuentro fácilmente en cualquier tipo de letra; pero el resto de superíndices sólo los puedo presentar con números de tamaño normal.

He intentado utilizar <sup> pero esta etiqueta parece que sólo sirve para HTML, no para presentar caracteres formateados en el campo de texto de un formulario.

Si alguien conoce un tipo de letra que incluya todos los subíndices y superíndices alfanuméricos, o alguna otra solución para mi problema, por favor que me lo diga, porque de lo contrario el aspecto de mi web es algo chapucera.

  Respuesta:  Javier García Mucientes
Por fin he encontrado otros tipos de letra que, como el ARIALUNI.TTF, contienen subíndices y superíndices; pero lo mejor es que existen en windows por defecto y no ocupan tanto como ARIALUNI.TTF. Estos tipos son: Lucida Sans Unicode y Palatino Linotype.
Para más información al respecto visitad: http://www.stoa.org/unicode/fonts/ y
http://buscon.rae.es/draeI/html/Instrucciones.htm.

  Respuesta:  Javier García Mucientes
Encontré un tipo de letra llamado "Arial Unicode MS". Al parecer viene en el Windows XP y siguientes. Este tipo de letra incluye los siguientes superíndices: 0123456789+-=()n º¹²³⁴⁵⁶⁷⁸⁹⁺⁻⁼⁽⁾ⁿ
y los siguientes subíndices: 0123456789+-=() ₀₁₂₃₄₅₆₇₈₉₊₋₌₍₎
Si copias los caracteres ilegibles anteriores, en un documento .doc y le poneis este tipo de letra vereis los superíndices y subíndices que os digo.

Según me he informado en el navegador Safari de Mac no tiene problemas en reconocerla y tampoco IExplorer a partir de la versión 5.5.
En http://apliweb.mec.es/creade/IrASubSeccionFront.do?id=633 hay más información sobre este tipo de letra.

En cuanto a mi web he puesto en el estilo del formulario que el tipo de letra a utilizar sea ésta. Además, los datos de los elementos químicos que tienen estos subíndices los he grabado en un fichero de texto guardado, no con la codificación ANSI, sino con la UTF-8 para que guardase en este fichero los caracteres escritos con este tipo de letra. Par ver con claridad estos caracteres hay que modificar la opción "fuente" en el Notepad.
A continuación expongo el código de uno de los campos del formulario:

<input id="input_44" style="FONT-FAMILY:Arial Unicode MS; FONT-SIZE:16px; BACKGROUND-COLOR:#ffb000;" size=15 readOnly></input>

El fichero de este tipo de letra se llama ARIALUNI.TTF y ocupa 23 MB; por culpa del tamaño no la puedo incluir en la web; por suerte está en la mayoría de los ordenadores, así que confío en que los que contacten con mi web pueda ver los datos legibles.

Si alguien encuentra alguna otra solución (otro tipo de letra que no ocupe tanto y tenga más subíndices y superíndices que ésta) que lo comunique en este foro. Gracias.