将 webfonts 转换为 base64 会删除原始字体行高

Question

我试图在呈现我的网页之前等待字体加载。有人建议转换为 base64 可能是此 answer. So I converted using fontsquirrel webfont generator（也选择 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;
 }

但是当我在网页上查看时，原来的字体间距被删除了。

这是 before 使用 base64

这是 after 使用 base64

如您所见，间距已被删除，我该如何防止这种情况发生？

Answer 1

正如他们在 github. While generating in their http://fontsquirrel.com/tools/webfont-generator 中讨论的那样，问题出在 Font Squirrel 上，启用 No Adjustment for Vertical Merics:（在专家中）解决了这个问题。

将 webfonts 转换为 base64 会删除原始字体行高

Converting webfonts to base64 removes original font line-heights

css

fonts