Scaling Font size based on Container Size

Ignition Early Access
2

No, there is no css alone that can get you to scale fontsize based on the parents container.

There are many js options… but you can’t use those in perspective…

There just one thing that might work in perspective, (That i can think of). That is for text to be but in an svg…
But getting the text to fit inside it is gonna be a lot of fiddling and not great if its dynamic text. But i suppose with a binding on the viewbox you could set the dimensions based on the elements texts length.
image

[
  {
    "type": "ia.shapes.svg",
    "version": 0,
    "props": {
      "viewBox": "0 0 40 20",
      "preserveAspectRatio": "none",
      "elements": [
        {
          "type": "text",
          "text": "hello",
          "x": 0,
          "y": 15
        }
      ]
    },
    "meta": {
      "name": "textsvg"
    },
    "position": {
      "x": 605.72,
      "y": 68.36000000000001,
      "width": 148,
      "height": 84
    },
    "custom": {}
  },
  {
    "type": "ia.shapes.svg",
    "version": 0,
    "props": {
      "viewBox": "0 0 40 20",
      "preserveAspectRatio": "none",
      "elements": [
        {
          "type": "text",
          "text": "hello",
          "x": 0,
          "y": 15         
        }
      ]
    },
    "meta": {
      "name": "textsvg1"
    },
    "position": {
      "x": 614.87875,
      "y": 152.719375,
      "width": 65,
      "height": 38
    },
    "custom": {}
  }
]

edit:
yea that works, i guess… Is it worth the effort? i doubt it
image