css – 如何在网页中使用计算机现代字体？

我从来没有看到计算机现代字体，一个作为默认为LaTeX类型设置系统，在任何网页上。

如何更改CSS以使字体实际工作？

解决方法

使用计算机现代字体在网页已经变得非常容易！只需在HTML代码的头部粘贴以下几行CSS代码，以激活该字体的sans-serif版本。

<style type="text/css">
  @font-face {
    font-family: "Computer Modern";
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunss.otf');
  }
  @font-face {
    font-family: "Computer Modern";
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunsx.otf');
    font-weight: bold;
  }
  @font-face {
    font-family: "Computer Modern";
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunsi.otf');
    font-style: italic,oblique;
  }
  @font-face {
    font-family: "Computer Modern";
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunbxo.otf');
    font-weight: bold;
    font-style: italic,oblique;
  }

  body {
    font-family: "Computer Modern",sans-serif;
  }
</style>

注意，这里的解决方案使浏览器从CTAN镜像加载当前版本的字体，这可能很慢。这是好的测试目的，但长期来说，我建议你download这些.OTF文件到您自己的网络服务器。