Html CSS@font-face不是'；t使用高谭字体

我想在我的网站上使用Gotham字体，它不是一种网络安全字体，因此我将该字体放在名为“Gotham”的目录中：

index.html

style.css

Gotham/Gotham-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>

关于DIALOGIC

但是Gotham字体只在我的Google Chrome上运行，因为我在本地安装了该字体，但是当我运行一个没有安装该字体的VM时，它将只使用Tahoma字体

---

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

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

• css中的字体优先（主css顶部的字体代码）
• 具有font-EX:src:url（Gotham.ttf）格式（'truetype'）的类型/格式
• 还有多种字体支持所有浏览器，如回复的评论
• 确保您的主机（本地或非本地）具有这些字体的MIME类型

---

您可以从这篇旧文章中看到：您需要多个字体文件才能在不同的浏览器中显示相同的字体。您可能还遇到了需要封装字体名称的问题（您已将其封装在

p.gotham-thin

上，但未封装在

@font-face

声明上）。可能存在重复