css - Marketo 登录页面上的自定义字体仅显示在 Mac 上？

Question

我们正在尝试在 Marketo 上推出一个新的着陆页模板，并指定了一种非标准字体以在页面上使用 (Gotham SSm)。但是，该字体仅显示在 Mac 上的浏览​​器(Chrome、Firefox、Safari)中。 PC(以及 IE)上的相同浏览器显示 Helvetica/Arial。

这是我们指定添加字体的代码:

<link href="https://www.instant.ly/css/ce/fonts/149381/AD116F7D4F9AF23F3.css" rel="stylesheet" type="text/css">

<script language="JavaScript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<style type="text/css">

@font-face {
   font-family: "Gotham SSm";
}

#bodyId {
background: #fff;
font-family: "Gotham SSm", Helvetica, Arial, sans-serif;
font-size: 14px;
text-align: center;
margin: 0px;
padding: 0px;
}

这是 WIP 着陆页测试页:

http://pages.instant.ly/LP---Instantly-Templates_LP---Faux-Site---V2.html

这个问题可能是什么原因造成的，我们该如何解决？

Answer 1

在另一个论坛上，有人通过让我知道字体名称应该是“Gotham SSm A”来提供帮助。更改 CSS 中的名称似乎已解决问题。