Ajustar tamaño texto dinamicamente [Javascript]

Hola buenas, os explico lo que quiero hacer.

Estoy leyendo periodicamente una cadena de texto de un archivo XML, y la muestro en un div simplemente. Ahora me gustaria que el tamaño de la fuente se ajustara en función de la longitud de la cadena, para poder mostrar todo el texto en una sola línea y con el tamaño maximo.

Ademas tambien leo otra cadena y quiero hacer lo mismo que con la linea 1, pero ahora con el tamaño de la fuente algo mas pequeño.

Bueno decir que la resolución donde se muestra el texto siempre es la misma (720x576)

He probado fittext, pero no es exactamente lo que quiero, puesto que si la cadena es bastante extensa, no me lo pone todo en una línea.

Resumen: es ajustar el tamaño de la fuente en funcion de la longitud de un texto para que entre en una línea con máximo tamaño de fuente

Un saludo
Lo de que cambiar el tamaño de la letra dinámicamente en función de la longitud de la cadena me da que con CSS a pelo no se puede, ya que el CSS por si mismo no es dinámico. Para hacerlo precisamente dinámico sería cuestión de usar javascript o jquery. Otra muy buena opción sería usar LESS:

http://lesscss.org/



En cuanto a lo de forzar una sola línea prueba con esta propiedad CSS:

white-space: nowrap;

http://www.w3schools.com/cssref/pr_text_white-space.asp
LESS no valdría. LESS básicamente crea un CSS, pero después este es estático.

Habría que hacerlo mediante javascript.

Lo único que se me ocurre es algún tipo de operación del tipo:

tamañoletra = anchodiv / (letras*ancholetra)
2 respuestas