<div className="container"> {text} </div>

Hola, soy nuevo en CSS. El texto se envía por solicitud de red y puede devolver una cadena larga o corta.

¿Cómo hacer que la fuente del texto cambie de tamaño cuando el contenedor tiene una altura y un ancho fijos?

Cuando obtengo una cadena larga, quiero un tamaño de fuente un poco más pequeño pero siempre lleno de contenedores.

Cuando obtengo una cadena corta, quiero que el tamaño de fuente sea un poco más grande pero que no se desborde.

Por cierto, estoy usando React.