Question

我想在我的网站上使用Gotham字体，这不是一个网页安全字体，所以我将字体放在名为'gotham'的目录中：

的index.html

的style.css

谭/谭-Light.otf

以下是我的CSS文件在设置字体的部分中的样子：

p.gotham-thin{font-family:"Gotham-Light";}


@font-face {
font-family: Gotham-Light;
src: url('Gotham/Gotham-Light.otf')  format('opentype');
}

这是index.html的作用：

<p style="margin-top:140px; font-size:54px;" class="gotham-thin">ABOUT DIALOGIC</p>

但Gotham字体仅在我的计算机上使用Google Chrome，因为我在本地安装了字体，但是当我运行没有安装字体的VM时，它只会使用Tahoma字体。

我使用的是OTF字体文件类型的问题吗？

Answer 1

以下是让字体工作的步骤：