Почему не работает font в svg?

Question

[SuperProshka]

Добрый день!
У меня есть svg, в который добавлен кастомный font. Я пытаюсь добавить в этот svg текст написаный этим шрифтом, но текст пишется дефолтным шрифтом.

<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<font id="Splash" horiz-adv-x="644"><font-face font-family="Splash" units-per-em="1000" panose-1="0 0 0 0 0 0 0 0 0 0" ascent="1050" descent="-580" alphabetic="0"/>
<glyph unicode=" " glyph-name="space" horiz-adv-x="250"/>
<glyph unicode="!" glyph-name="exclam" horiz-adv-x="440" d="M558 845Q558 844 556 844Q555 844 552 844T549 846Q549 849 553 849L555 853Q558 851 558 850T558 845ZM275 280Q274...


...484V487H285V484H282ZM300 468L287 472V480H290V472L300 468ZM262 424V438L265 436L262 424ZM387 420V424H392V420H387ZM362 413V416H365V413H362ZM285 392Q278 394 276 398L274 402H272V404Q270 406 270 409H271V411H274Q276 407 278 405T282 398H285V392ZM307 372V376H309V372H307ZM320 361H322V357H320V361ZM317 297V301H320V297H317ZM311 283Q310 284 309 287H311V283ZM331 156L325 160H317V164H324Q324 165 325 166V170Q325 177 326 181L329 182V174L332 172L331 156ZM184 172L179 160V164V164L184 172ZM176 160V164H179L176 160ZM164 150V153H167V150H164ZM139 126V130H144V126H139ZM162 60V64H164V60H162ZM147 41V45H149V41H147Z"/>
</font>
</defs>
<text xmlns="http://www.w3.org/2000/svg" y="50" font-size="50" font-family="url(#Splash)">Hello world</text>
</svg>

Comments

[VoidVolker]

SuperProshka https://qna.habr.com/help/rules#3.8

[Ankhena]

Используйте font-face и base64

[SuperProshka]

@Ankhena
Мне нужно именно таким способом подключенный шрифт использовать.
Я хочу добавить к себе в сервис google fonts и мне нужно preview (svg с названием шрифта написанным этим шрифтом) для каждого шрифта.
Я нашел вот такой json https://raw.githubusercontent.com/jonathantneal/go..., в котором есть svg с добавленным в него font.
Соответсвенно мне нужно в svg добавить "названием шрифта написанным этим шрифтом"

[Ankhena]

SuperProshka,

Мне нужно именно таким способом подключенный шрифт использовать.

Из каких соображений?
Учитывая, что glyph практически не поддерживается.

Я хочу добавить к себе в сервис google fonts и мне нужно preview

Тогда ещё проще.
Типа того

<svg>
  <defs>
    <style>
      @import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap');
    </style>
  </defs>
  <text font-family="Merienda" font-size="18" font-weight="500" fill="#FF0000" x="9" y="27">Merienda</text>
</svg>