web字体转base64后丢失原始行高，如何避免？

我想要实现网页等字体完全加载完成后再渲染的效果，之前看到有技术建议提出，将web字体转换为base64是这个场景下的最优实现方案。
我通过专用的webfont生成工具完成字体转换，转换时还特意选择了Truetype Hinting: Keep Hinting选项，转换完成后按照如下规则在样式文件中引入字体：

@font-face {
  font-family: "Montserrat";
  src: url(...) format("woff"), url("montserrat-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
 }

但实际在网页上测试时，发现转换为base64后的字体丢失了原本的行高与字符间距。
以下是未使用base64时的界面效果：

以下是使用base64后的界面效果：

从对比图能明显看到，转换为base64后，字体原有的间距、行高出现了丢失，请问该怎么避免这类问题？

内容的提问来源于stack exchange，提问作者Kaung Khant Zaw