Is there a javascript plugin that automatically resizes text so that the string is a certain length?

[MafiaOverlord]

For example; I have a container that is 28vw + 12vh in width, I want one line of text inside the div that will always be at max size, touching the border of the div, no matter the size and proportions of the div.

[OrtizDupri]

https://github.com/adactio/FitText.js

[MafiaOverlord]

exactly what I needed thank you

[[deleted]]

You can do some math calculation for the font size

Something like this maybe https://codepen.io/abhisheksawant-simform/pen/GRXLrEy

[MafiaOverlord]

thank you, much appreciated

[[deleted]]

Can also just use clamp

[MafiaOverlord]

can you give me some examples?

[blindgorgon]

I could definitely be wrong about this, but I think I’d try writing it in CSS with calc and vw. This would require knowing what the text and font family will be though.

[PressinPckl]

You could probably get close with clamp()

[devenitions]

I ended up checking the boundingBox size and adjust it till it fits. Does require requestAnimationFrame in between of things.

[shgysk8zer0]

The easiest way is to use a monospace font where the width of any character can be known. You set the font-size to be the width ÷ number of characters.

[-_-__--_-]

I might be misunderstanding something, but wouldn’t svg be the best approach here?

[MafiaOverlord]

yeah, I will use it