如何将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）。是否还有其他好的解决方案？