Question

Basicly I want a text to resize depending how long the text is. If I wrote “WWWWWWWW” it would be resized to fit inside the 100px div.
If i wrote “Test” it wouldn’t be resized because it wont break the 100px limit.

I’m sure you get the idea by now.
I’m open for anything. Javascript, php, whatever you have to offer.

Answer 1

I think javascript is your friend here, as it allows you to best fit the text regardless of the user’s browser window size (if you do it in PHP and oversize/the layout will break for certain users).

I had a similar issue, which made me write my own plugin for this. One solution is to use the shrink-to-fit-approach, as described here.
However if you have to fit multiple items or are concerned with performance, e.g., on window resize, have a look at jquery-quickfit.

It meassures and calculates a size invariant meassure for each letter of the text to fit and uses this to calculate the next best font-size which fits the text into the container.

The calculations are cached, which makes it very fast (there is virtually no performance hit from the 2nd resize on forward) when dealing with multiple texts or having to fit a text multiple times, like e.g., on window resize.

Demo for a similar situation as yours

Further documentation, examples and source code are on the project page.