嵌入OpenType字体文件

Question

下面是我的代码：

@font-face {
  font-family: Gotham;
  src: url("Gotham-Book.otf") format("opentype");
  }

我已经尝试过各种迭代。 还尝试了各种路径，以查看是否是问题所在。 不知道到底是什么交易。

我网站上的字体默认为Times New Roman。

Answer 1

您可以使用此CSS。

如果字体位于html文件的同一目录中，则此方法应该起作用，否则，您需要设置适当的url。

@font-face {
    font-family: Gotham;
    src: url("Gotham-Book.otf") format("opentype");
}
body{
    font-size: 3rem;
    font-family: Gotham;
}