如何将CSS和自定义字体的HTML转换为SVG？

Question

我想将此代码段转换为.svg：

 @font-face { font-family: 'Font'; src: url(font.ttf); } body { font-family: 'Font'; } td { height: 15px; width: 15px; } #cssTable td { text-align: center; vertical-align: middle; } div { width: 0; height: 0; display: flex; justify-content: center; align-items: center; font-family: } 

  <table> <tr> <td> <div>A</div> </td> <td> <div>B</div> </td> ... <td> <div>H</div> </td> </tr> ... </table> 

我已经尝试过VectorHtml和wkhtmltopdf解决方案，但是他们不想吃我的CSS。

目前，我正在使用此命令将html打印为pdf，然后使用poppler（Arch 0.78和0.79）转换结果。

chrome --headless --disable-gpu --print-to-pdf

问题是输出的svg不够准确且大小太大（困难字体约500kb），那么还有其他好的解决方案吗？