Reactアプリで帳票印刷

実現したいこと

SVGで履歴書印刷こちらを参考にSVGファイルに動的にテキスト、画像を流し込んで印刷する機能を作りたいと考えています。

発生している問題・分からないこと

現在はInkscapeでSVGファイルを作成。
SVGファイルはテキストをパス化せずにそのままプレーンSVGとして保存しています。
そのSVGコードをReactに表示するように貼り付けているのですが、参考サイトにあるような「SVGコードをペーストする際にはstroke-width→strokeWidthなど、Reactに合わせて細かいところを修正しておきます。」では済まず、すべてのstyleなどを変更する必要があり、結果始めに作成したSVGが崩れてしまいます。

該当のソースコード

SVG
1<style
2　　type="text/css"
3　　id="style2"><![CDATA[
4　　@font-face {font-family:'INELJC+MS-PMincho';
5　　src: url("data:font/truetype;charset=…");
6}

SVG
1<text
2　　transform="matrix(1 0 0 1 0 0)"
3　　x="309.9612"
4　　y="178"
5　　style="fill:#000000;font-family:'INELJC+MS-PMincho';"
6　　font-size="7.2"
7　　id="text2"
8>
9※
10</text>