How to convert text to stroke in illustrator?

Question

css

There is adobe illustrator. There is text in it:

And there is this animation for svg:

svg path {
  fill:none; 
  stroke:#000;
  animation: dash 5s linear forwards; 
  stroke-dashoffset: 1000;
  stroke-dasharray: 1000;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

Task: animate the stroke-dashoffset from 1000 to 0. But to make the text itself a stroke, not a stroke around it. (Sorry for the wording).

Those. should be like this: codepen example1 , codepen example2 .
Question: How can I convert text to a stroke in illustrator like the examples? The font thickness should be adjusted accordingly by stroke-width.

Answer 1

Select the text, press CTRL + SHIFT + O or Type -> Create outlines
Next, remove the fill and apply Stroke, set to Inside, and increase its value until the text looks completely filled