使用网页缩放文本

Question

考虑一个只有文字“foo”的页面。我希望文本尽可能多的宽度或30％的高度。我不希望文本被拉伸，我不想要任何js。

将font-size设置为30vmin并不令人满意，因为它不关心宽度。

如果我假设一个固定的宽高比，可以用svg / viewport来做，但我希望能够使用不同的文本，如“foo”和“foobar”，而不必改变任何东西。< / p>

这可以通过图像或svg形状进行管理，但我不能用文字来处理。