Animation SVG文本动画字体样式

我想制作一个看起来像谷歌搜索框的动画

我有一个文本路径，其中单词以“粗体”字体显示

我想让这个单词动画化，使第一个字母看起来“规则”，然后是第一个和第二个字母，然后是第一个和第二个字母，等等

这是否可以通过svg动画实现

 <svg width="100%" height="100%" viewBox="30 -50 600 500" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">

  <path id="path1">
    <animate attributeName="d" from="m100,50 h0" to="m100,50 h1100" dur="5s" begin="0s" repeatCount="indefinite" />
  </path>

// this text "types"

  <text font-size="90" font-family="Montserrat" fill='black'>
    <textPath xlink:href="#path1">Google is</textPath>
  </text>

// I want this text to animate the "font-style"

  <text font-size="90" font-family="Montserrat" fill='black' x="100" y="200">
    Google is gold
    <animate attributeType="CSS" ....  />
  </text>

//该文本“类型”
谷歌是
//我希望此文本设置“字体样式”的动画
谷歌是黄金

---

您需要将字母放在文本路径中的单独标记中，以便可以通过动画将它们单独定位

我刚刚写了第一封信，但如果你愿意，你可以把它扩展到所有的信

//该文本“类型”
谷歌是
//我希望此文本设置“字体样式”的动画
谷歌是黄金

谢谢。我需要给每个人一个身份证才能这样做吗？我还会通过在animate标记中写入font style='regular'并为每一个设置不同的begin=“？s”？来设置动画。如果希望它们链接，请在

上设置每个动画。上一个的end事件非常有帮助。我被困在链接动画上。这是我最好的尝试，你能看一下吗？它应该是这样工作的：第一行-从0开始，每个字母应该一个接一个地出现（可见性从隐藏到可见，然后保持不变），第二行-0整个单词显示为粗体，每个字母都会发生变化（字体-重量：700到100，然后保持不变）然后我希望整个序列重新开始。你能问另一个问题并把你的代码放进去吗？谢谢！