Reducir tamaño fuente si es más ancho que el div

[manolo_manolo]

Hola que tal.

Tengo una div con ancho fijo, 500px. Y dentro va un titular que normalmente cabe en una línea en ese ancho. Lo que pasa es que a veces el titular es un poco más largo, y lógicamente se crea una segunda línea.

Quisiera saber si existe alguna forma de que el tamaño del texto se reduzca para evitar que sobre pase el div. Exactamente lo mismo que hace en Excel la opción "Reducir hasta ajustar".

Ojalá podáis ayudarme, mil gracias de antemano!!
Saludos

[pzin]

No existe, no. Al menos no es CSS.

Lo que suele hacerse últimamente es ocultar ese contenido sobrante y añadir unos puntos suspensivos:

Código CSS:

div h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
 

[Faks]

Si dicho titular es resultado de un llamado a una base de datos se puede poner un limite de caracteres y así en vez de crearte una segunda linea te muestra tres puntos al final, pero no tienen nada que ver con css y no cumple del todo lo que buscas.

[manolo_manolo]

Está bien, conocía lo de ocultar y poner puntos suspensivos, me tocará hacer eso mejor por que lo de calcular un número exacto de caracteres no me sirve porque a veces se escribe todo en mayúsculas y hay bastante diferencia de anchos entre unos títulos y otros.

Muchas gracias a los dos. Ojalá se pueda hacer con CSS en un futuro.
Saludos!!