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

前端之家收集整理的这篇文章主要介绍了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文件到您自己的网络服务器。

猜你在找的CSS相关文章