Font generation doesn't display svg content

[ghost]

I'm trying to generate a custom font however when I convert my svg to ttf, load the ttf as a font, and type 'A' it just displays a regular A as opposed to the custom symbol as shown in the svg:

https://i.imgur.com/xMQzgzR.png

<font id="Font1" horiz-adv-x="1000"> <font-face font-family="Super Sans" font-weight="bold" font-style="normal" units-per-em="1000" cap-height="600" x-height="400" ascent="700" descent="300" alphabetic="0" mathematical="350" ideographic="400" hanging="500"> <font-face-src> <font-face-name name="Super Sans Bold"/> </font-face-src> </font-face> <missing-glyph><path d="M0,0h200v200h-200z"/></missing-glyph> <glyph unicode="A"> <svg width="500px" height="300px" viewBox="54 -12 448 724" overflow="visible"> <path d="M 431, 578 Q 371, 618 318, 618 Q 275, 618 251,597 Q 227, 576 227, 544 Q 227, 522 243.5,501 Q 258, 480 281, 460 L 358, 398 Q 410, 356 439.5,324 Q 469, 292 485.5,256 Q 502, 220 502, 178 Q 502, 134 473,89 Q 444, 44 389.5,16 Q 335, -12 260, -12 Q 203, -12 147,6 Q 91, 24 54, 58 L 105, 138 Q 138, 114 172.5,98 Q 207, 82 248, 82 Q 295, 82 325,107.5 Q 357, 133 357, 179 Q 357, 213 336,240.5 Q 315, 270 276, 300 L 207, 351 L 149, 400 Q 135, 413 118.5,434 Q 102, 455 92,481.5 Q 82, 508 82, 542 Q 82, 587 103,616.5 Q 124, 646 144.5,662 Q 165, 678 204,695 Q 243, 712 304, 712 Q 360, 712 407.5,695 Q 455, 678 468,664.5 L 481, 651 Z"/> </svg> </glyph> </font>