问题已经解决了，不是通过改字体等手段解决的，katex 导出的更号丢失，可以通过
const svgElements = exportDiv.querySelectorAll('svg');
svgElements.forEach(function(item) {
item.setAttribute('width', item.getBoundingClientRect().width);
item.setAttribute('height', item.getBoundingClientRect().height);
item.style.width = null;
item.style.height = null;
}); 这段代码来解决，但是矩阵的大括号导出时依然会位置错乱。

后来换了个库 mathjax3, 通过 mathjax3 把公式渲染成图片，通过 html2canvas 将带公式的 markdown 导出为图片，解决了上面的问题