☰

如何在网页中使用标准乳胶字体（计算机现代）？

tag-icon • tag-icon fonts html
如何在网页中使用标准乳胶字体（计算机现代）？

有没有简单的方法可以以计算机现代字体显示网页？

答案1

我发现最简单、最稳定的方法是对我在http://mirrors.concertpass.com/tex-archive/fonts/cm-unicode/fonts/otf/。我使用了那里的 cmunrm.otf，对其进行了 base64 处理，然后将其作为字体放在我的 css 中。

@font-face {
  font-family: "my-font";
  src: url(data:font/truetype;charset=utf-8;base64,T1R...gP5w/kP+RAA format("opentype");
}

body {
  font-family: "my-font";
}

您可以在此处查看示例https://jsfiddle.net/jtvx9auo/

虽然您也可以简单地下载 otf 文件并将其放到您的服务器上，但我发现 base64ing 更可靠，例如当尝试使用 wkhtmltopdf 转换为 pdf 时。

相关内容