☰

在 HTML 文档中使用 TeX 字体？

tag-icon • tag-icon fonts html
在 HTML 文档中使用 TeX 字体？

如果我想在我的 HTML 文档中使用 TeX 字体（例如 cmr10、cmbx10、cmtt10 等），推荐的方法有哪些？

作为一项思想实验和概念验证，今天下午我将 bakoma-fonts 包中的 140 种字体重新编码为 Web 字体，并制作了一个字体瀑布演示页面：

结果令人鼓舞，但我不知道这是否是实现这一目标的最佳方法。我仍然需要在 CSS 样式表中将各种大小和形状组织到字体系列中，并添加 CSS 类以调用各种粗细、形状和大小。

我希望我没有重新发明轮子，但我今天开始走这条路，因为我在任何地方都找不到有关此主题的任何其他资源。似乎很多人都想在 TeX 文档中使用花哨的 TrueType 字体，但我似乎是唯一一个想在我的网页中使用原生 TeX 字体的人。这是一条通往地狱之路吗？它用良好的意图铺就，但彩虹的尽头却只有疯狂？我知道连字会很难，而且显然连字符的工作方式会有所不同，但我仍然认为在我的某些 HTML 文档中使用 Computer Modern Roman 和相关字体会非常有趣，而实现这一目标的挑战是如此诱人。

答案1

如果你特别想在网页上使用 Computer Modern 字体，最好的办法是使用拉丁现代CM 克隆，因为它以 OTF 格式提供。然后可以将它们用于@font-face（Fontsquirrel 有好的发电机）。

如果您问的是更一般的问题，例如“如何在我的网页上使用任何 T1 字体”，答案会更令人沮丧。在这种情况下，您唯一的选择是基于 T1 表示生成 OTF 字体。这并非易事，而且可能很耗时，但使用 FontForge 或类似工具应该可以实现。

总结：如果可能的话，找到 OTF 替代品，否则基于 T1 字体创建 OTF 字体。

答案2

有人创建了一个项目，允许你在 HTML 中使用 LaTeX 字体。在 HTML 页面的头部包含以下内容，例如：

<link rel="stylesheet" type="text/css"
    href="https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css">
<style>
body {
  font-family: "Computer Modern Sans", sans-serif;
}
</style>

我用它来做我自己的事情，效果很好。顺便提一下，文档说它是安全的依赖于这个外部 css。

相关内容