我们正在尝试在 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
这个问题的原因可能是什么,我们该如何解决?